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

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

HTML | DOM removeAttributeNode() 方法

HTML | DOM 的 removeAttributeNode() 方法可以删除指定元素的属性节点。

语法
element.removeAttributeNode(attNode)

参数说明

  • attNode：必需，要删除的属性节点。
返回值

该方法没有返回值。

示例
<!DOCTYPE html>
<html>
<body>

<h1 id="title" class="heading">This is a heading</h1>

<button onclick="removeAttr()">Remove attribute</button>

<script>
function removeAttr() {
  var h = document.getElementById("title");
  var att = h.getAttributeNode("class");
  h.removeAttributeNode(att);
}
</script>

</body>
</html>

上面的示例演示了如何使用 removeAttributeNode() 方法删除指定元素的属性节点。

在示例中，我们可以看到：

  • 首先通过 getElementById() 方法获取元素 h1。
  • 然后使用 getAttributeNode() 方法获取 class 属性的属性节点 att。
  • 最后使用 removeAttributeNode() 方法删除该属性节点。
总结

removeAttributeNode() 方法可以方便地删除指定元素的属性节点，用于动态修改 HTML 元素的属性。

值得注意的是，将属性值设置为 null 或者空字符串可以仅仅删除该属性的属性值，而不是将整个属性节点都删除掉。如果你试图使用 removeAttributeNode() 方法删除一个不存在的属性节点，则会抛出异常。