我們的志工尚未將此文章翻譯為 正體中文 (繁體) 版本。加入我們，幫忙翻譯！
setAttributeNode() adds a new Attr node to the specified element.
Syntax
var replacedAttr = element.setAttributeNode(attribute);
attributeis theAttrnode to set on the element.replacedAttris the replaced attribute node, if any, returned by this function.
Example
// <div id="one" align="left">one</div>
// <div id="two">two</div>
var d1 = document.getElementById("one");
var d2 = document.getElementById("two");
var a = d1.getAttributeNode("align");
d2.setAttributeNode(a.cloneNode(true));
alert(d2.attributes[1].value)
// returns: `left'
Notes
If the attribute named already exists on the element, that attribute is replaced with the new one and the replaced one is returned.
This method is seldom used, with setAttribute() usually being used to change element's attributes.
DOM methods dealing with element's attributes:
| Not namespace-aware, most commonly used methods | Namespace-aware variants (DOM Level 2) | DOM Level 1 methods for dealing with Attr nodes directly (seldom used) |
DOM Level 2 namespace-aware methods for dealing with Attr nodes directly (seldom used) |
|---|---|---|---|
setAttribute (DOM 1) |
setAttributeNS |
setAttributeNode |
setAttributeNodeNS |
getAttribute (DOM 1) |
getAttributeNS |
getAttributeNode |
getAttributeNodeNS |
hasAttribute (DOM 2) |
hasAttributeNS |
- | - |
removeAttribute (DOM 1) |
removeAttributeNS |
removeAttributeNode |
- |
Specification
DOM Level 2 Core: setAttributeNode (introduced in DOM Level 1 Core)