📌  相关文章
📜  HTML | DOM createAttribute() 方法(1)

📅  最后修改于: 2023-12-03 15:31:11.783000             🧑  作者: Mango

HTML | DOM createAttribute() 方法

createAttribute() 方法用于创建一个新的属性节点，并返回该节点。

语法
document.createAttribute(attributeName)

参数：

  • attributeName：属性的名称，必需。
实例

示例代码：

<!DOCTYPE html>
<html>
<head>
    <title>createAttribute() 方法示例</title>
</head>
<body>
    <div id="myDiv">Hello World!</div>
    <script>
        var attr = document.createAttribute("class");
        attr.value = "my-class";
        document.getElementById("myDiv").setAttributeNode(attr);
    </script>
</body>
</html>

输出结果：

<div id="myDiv" class="my-class">Hello World!</div>
解释

上面的示例代码，创建了一个名为 "class" 的属性节点，并将其附加到 ID 为 "myDiv" 的 <div> 元素上。

在这里，我们首先使用 createAttribute() 方法创建了一个名为 "class" 的属性节点，接着给该属性设置了一个值 "my-class"，最后通过 setAttributeNode() 方法，将该属性节点附加到了指定的元素上。

注意事项
  • 必须通过 setAttributeNode() 方法附加该属性节点到指定的元素上。
  • 该方法创建的属性节点不同于通过 setAttribute() 方法设置元素的属性，它创建的是一个单独的属性节点，你可以像示例代码一样添加或修改它的值。