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()

参数值

参数描述
attr您要添加的属性节点

技术细节

返回值:一个Attr对象,表示替换的属性节点(如果有),否则为null
DOM版本:DOM级别1

相关参考

HTML教程:HTML属性

HTML DOM参考:HTML DOM属性对象

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

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

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

HTML DOM Element 对象