HTML DOM setAttributeNode() 方法

HTML DOM Element 对象

setAttributeNode()方法增加了一个新的Attr节点到指定的元素。

如果元素上已经存在命名的属性，则将该属性替换为新属性，并返回替换后的属性。

使用removeAttributeNode()方法从元素中删除属性节点。

您可以在我们的HTML DOM属性对象中了解有关Attr对象的更多信息。

语法：

element.setAttributeNode(attr)

var elem = document.getElementsByTagName("H1")[0];
var attr = document.createAttribute("class"); // 创建一个“class”属性
attr.value = "demo"; // 设置class属性的值
elem.setAttributeNode(attr); // 将class属性添加到<h1>

浏览器兼容性

所有浏览器都完全支持setAttributeNode()方法：

Method
setAttributeNode()	是	是	是	是	是

参数值

技术细节

相关参考

HTML教程：HTML属性

HTML DOM参考：HTML DOM属性对象

HTML DOM参考：element .getAttribute()方法

HTML DOM参考：element .setAttribute()方法

HTML DOM参考：element .removeAttributeNode()方法

HTML DOM Element 对象