HTML - DOM Element removeAttributeNode() Method

Quiz

The HTML DOM Element removeAttributeNode() method is used to remove a specific attribute node from an element. An attribute node is an attribute such as class, id, alt, src, etc., that provides additional information about the element.

Using this method, you can also remove any custom attribute node just by specifying the attribute node to remove. See this also

Syntax

Following is the syntax of the HTML DOM Element removeAttributeNode() function −

element.removeAttributeNode(attributeNode)

Parameters

This method accepts a single parameter as mentioned below:

Parameter	Description
attributeNode	A node object that you want to remove from the element.

Return Value

This method returns the attribute node that was removed from an element.

Example 1: Removing class Attribute from DIV Element

The following is the basic example of the HTML DOM Element removeAttributeNode() method. It removes class attribute node from the

element −



 
HTML DOM Element removeAttributeNode()



HTML DOM Element removeAttributeNode() Method
Click the button below to remove the class attribute node from the 
 
element.
This div has a class attribute node.

The above program removes the "class" attribute from the "div" element when clicking the button.

Example 2: Removing Custom Data Attribute Node

Following is another example of the HTML DOM Element removeAttributeNode() method. We use this method to remove the custom attribute node from

element −

HTML DOM ELement removeAttributeNode()

HTML DOM Element removeAttributeNode() Method

Click the button below to remove a custom data attribute node.

This p has a custom data attribute.

After executing the program, a button will be displayed, and when clicked, the "data-info" attribute will be removed node.

Example 3: Removing href Attribute Node

The example below shows how to remove the "href" attribute node from the anchor () element using the removeAttributeNode() method −

HTML DOM Element removeAttributeNode()

HTML DOM Element emoveAttributeNode() Method

Click the button below to remove the href attribute

Visit Tutorialspoint

The above program removes the "href" attribute from the anchor element.

Supported Browsers

Method
removeAttributeNode()	Yes	Yes	Yes	Yes	Yes

html_dom.htm

Print Page