HTML DOM removeAttributeNode() Method

Last Updated : 14 Jun, 2023

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 the name is the attribute node to be removed. It is the required field.

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

Example: In this example, we will see the use of the DOM removeAttributeNode() method

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() {
            let d = document.getElementById("p");
            let color = d.getAttributeNode("class");
            // Removing attribute node.
            d.removeAttributeNode(color);
        }
    </script>
</body>
</html>