HTML DOM 对象 name 属性

htmlweb developmentfront end technology更新于 2025/9/11 6:04:17

HTML DOM 对象 name 属性设置或返回 name 属性的值。但是，name 属性仅设置名称。

以下是设置对象 name 属性 − 的语法

obj.name

以下是返回对象 name 属性 − 的语法

obj.name = name

现在让我们看一个实现 DOM 对象 name 属性的示例 −

示例

<!DOCTYPE html>
<html>
<body>
<object id="obj1" width="570" height="350" data="https://www.cainiaomax.com/flex/samples/CSSApplication.swf" name="obj"></object>
<button onclick="display()">Change the object name</button>
<p id="demo"></p>
<script>
   function display() {
      document.getElementById("obj1").name = "obj2";
      document.getElementById("demo").innerHTML = "Name updated to obj2";
   }
</script>
</body>
</html>