Latest web development tutorials
 

HTML DOM removeAttributeNode() Method

< Element Object

Example

Remove the class attribute node from an <h1> element:

var elmnt = document.getElementsByTagName("H1")[0];  // Get the first <h1> element in the document
var attr = elmnt.getAttributeNode("class");          // Get the class attribute node from <h1>
elmnt.removeAttributeNode(attr);                     // Remove the class attribute node from <h1>

Before removing the attribute node:

Hello World

After removing the attribute node:

Hello World

Try it Yourself »

Definition and Usage

The removeAttributeNode() method removes the specified attribute from an element, and returns the removed attribute, as an Attr Node object.

The difference between this method and the removeAttribute() method, is that the removeAttribute() method removes the attribute with the specified name, while this method removes the specified Attr object. The result will be the same. Also, the removeAttribute() method has no return value, while this method returns the removed attribute, as an Attr object.

Tip: Use the getAttributeNode() method to return an attribute node of an element.

Tip: Use the setAttributeNode() method to add an attribute node to an element.


Browser Support

Method
removeAttributeNode() Yes Yes Yes Yes Yes

Syntax

element.removeAttributeNode(attributenode)

Parameter Values

Parameter Type Description
attributenode Attr object Required. The attribute node you want to remove

Technical Details

Return Value: An Attr object, representing the removed attribute node
DOM Version Core Level 1 Element Object

Examples

More Examples

Example

Remove the href attribute node from an <a> element:

var elmnt = document.getElementById("myAnchor");   // Get the <a> element with id="myAnchor"
var attr = elmnt.getAttributeNode("href");         // Get the href attribute node from <a>
elmnt.removeAttributeNode(attr);                   // Remove the href attribute node from <a>

Before removing the attribute node:

After removing the attribute node:

Go to w3ii.com
Try it Yourself »

Related Pages

HTML Tutorial: HTML Attributes

HTML DOM Reference: The HTML DOM Attribute Object

HTML DOM Reference: href="met_element_removeattribute.html">removeAttribute() Method

HTML DOM Reference: href="met_element_getattributenode.html">getAttributeNode() Method

HTML DOM Reference: href="met_element_setattributenode.html">setAttributeNode() Method


< Element Object