例
設置的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