Element: removeAttributeNode() method

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

The removeAttributeNode() method of the Element interface removes the specified Attr node from the element.

If you don't need to inspect the attribute node before removing it, you can use the Element.removeAttribute() method instead.

Syntax

js
removeAttributeNode(attributeNode)

Parameters

attributeNode

The attribute node to remove from the element.

Return value

The attribute node that was removed.

Exceptions

NotFoundError DOMException

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.

Specifications

Specification
DOM
# dom-element-removeattributenode

Browser compatibility

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
removeAttributeNode

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

See also