例
设置的class A的属性节点<h1>元素：
var h1 = document.getElementsByTagName("H1")[0]; // Get the
first <h1> element in the document
var att =
document.createAttribute("class"); //
Create a "class" attribute
att.value = "democlass";
// Set the value of the class attribute
h1.setAttributeNode(att);
// Add the class attribute to <h1>在设置属性节点：
Hello World
设置该属性节点之后：
Hello World
试一试» 更多"Try it Yourself"下面的例子。
定义和用法
在setAttributeNode()方法增加所述specified属性节点的元素。
如果specified属性已经存在，这种方法取代它。
该方法的返回值是一个Attr对象。 欲了解更多信息，请参阅该HTML DOM属性对象 。
另见setAttribute()方法。
提示：使用removeAttributeNode()方法从一个元素删除属性节点。
浏览器支持
| 方法 | |||||
|---|---|---|---|---|---|
| setAttributeNode() | 是 | 是 | 是 | 是 | 是 |
句法
element .setAttributeNode( attributenode )参数值
| 参数 | 类型 | 描述 |
|---|---|---|
| attributenode | Attr object | 需要。 要添加的属性节点 |
技术细节
| 返回值： | 一个Attr对象，代表replaced属性节点，如果有的话，否则返回null |
|---|---|
| DOM版本 | 核心1级元素对象 |
更多示例
例
设置href一个属性节点<a>元素：
var anchor = document.getElementById("myAnchor"); // Get the <a>
element with id="myAnchor"
var att = document.createAttribute("href");
// Create a "href" attribute
att.value = "http://www.w3ii.com";
// Set the value of the href attribute
anchor.setAttributeNode(att);
// Add the href attribute to <a>在设置属性节点：
Go to w3ii.com
设置该属性节点之后：
试一试»相关页面
HTML教程： HTML属性
HTML DOM参考： 在HTML DOM属性对象
HTML DOM参考： href="met_element_setattribute.html"> setAttribute() Method
HTML DOM参考： href="met_document_createattribute.html">document. createAttribute() Method href="met_document_createattribute.html">document. createAttribute() Method
HTML DOM参考： 属性 .Value属性
HTML DOM参考： href="met_element_getattributenode.html"> getAttributeNode() Method
HTML DOM参考： href="met_element_removeattributenode.html"> removeAttributeNode() Method