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 Standard
# dom-element-removeattributenode

Browser compatibility

BCD tables only load in the browser

See also