Skip to content
Related Articles

Related Articles

HTML | DOM removeAttributeNode() Method

View Discussion
Improve Article
Save Article
  • Last Updated : 12 Aug, 2022
View Discussion
Improve Article
Save Article

The DOM removeAttributeNode() method is used to remove the specified attribute from the current element. It is similar to removeAttribute() method but the difference is that the removeAttribute method is used to remove the attribute with the specified name, but on the other hand removeAttributeNode removes the specified attribute object. 

Syntax:

element.removeAttributeNode(name)

Where name is the attribute node to be removed. It is the required field. 

Return Value: It returns the attribute node to be removed. 

Example: 

html




<!DOCTYPE html>
<html>
 
<head>
    <title>HTML DOM removeAttributeNode Method</title>
    <style>
        .gfg {
            color: green;
        }
    </style>
</head>
 
<body style="text-align: center;">
    <h1 style="color:green;">
            GeeksforGeeks
        </h1>
 
    <h2>
            DOM removeAttributeNode Method
        </h2>
 
    <p id="p" class="gfg">
      A computer science portal for geeks.
    </p>
 
    <button onclick="Geeks()">Click Here!</button>
 
    <script>
        function Geeks() {
            var d = document.getElementById("p");
            var color = d.getAttributeNode("class");
           
            // Removing attribute node.
            d.removeAttributeNode(color);
        }
    </script>
</body>
 
</html>


Output: 

Before click on the button:

 removeAttributeNode 

After click on the button: 

removeAttributeNode 

Supported Browsers: The browser supported by removeAttributeNode() method are listed below:

  • Google Chrome 1 and above
  • Edge 12 and above
  • Internet Explorer 8 and above
  • Firefox 1 and above
  • Opera 12.1 and above
  • Safari 1 and above

My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!