Element: removeAttributeNode() method
The removeAttributeNode() method of the
Element interface removes the specified attribute from the element.
Syntax
js
removeAttributeNode(attributeNode)
Parameters
attributeNode-
The attribute node to remove from the element.
Return value
The attribute node that was removed.
Exceptions
NotFoundErrorDOMException-
Thrown when the element's attribute list does not contain the attribute node.
Examples
js
// Given: <div id="top" align="center" />
const d = document.getElementById("top");
const d_align = d.getAttributeNode("align");
d.removeAttributeNode(d_align);
// align is now removed: <div id="top" />
Notes
If the removed attribute has a default value, it is immediately replaced. The replacing attribute has the same namespace URI and local name, as well as the original prefix, when applicable.
There is no removeAttributeNodeNS method; the
removeAttributeNode method can remove both namespaced attributes and
non-namespaced 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 |
- |
Specifications
| Specification |
|---|
| DOM Standard # dom-element-removeattributenode |
Browser compatibility
BCD tables only load in the browser