The setAttributeNode()
method adds a new Attr
node to the specified element.
The setAttributeNode()
method adds a new Attr
node to the specified element.
js
setAttributeNode(attribute)
attribute
is the Attr
node to set on the element.The replaced attribute node, if any, returned by this function.
This example copies the align
attribute from one element to another.
html
<div id="one" align="left">one</div> <div id="two">two</div>
js
let d1 = document.getElementById("one"); let d2 = document.getElementById("two"); let a = d1.getAttributeNode("align"); d2.setAttributeNode(a.cloneNode(true)); // Returns: 'left' alert(d2.attributes[1].value);
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 Element.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 Standard # dom-element-setattributenode |
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
setAttributeNode |
1 | 12 | 1 | 6 | ≤12.1 | 1 | 4.4 | 18 | 4 | ≤12.1 | 1 | 1.0 |
© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/Element/setAttributeNode