Skip to content
Related Articles
Get the best out of our app
Open App

Related Articles

HTML | DOM setAttributeNode() Method

Improve Article
Save Article
Like Article
Improve Article
Save Article
Like Article

The setAttributeNode() method in HTML DOM is used to add the specified attribute node to an element. If the specified attribute is already present, then this method replaces it. 



Parameter: Onll one parameter is accepted name.Where name is the attribute node to be added. It is the required field. 

Return Value: This method returns an attribute object which represents the replaced attribute node otherwise it returns null.



<!DOCTYPE html>
      HTML DOM setAttributeNode Method
        .gfg {
            color: green;
<body style="text-align: center;">
    <h1 style="color:green;">
       DOM setAttributeNode Method
    <p id="p">
        A computer science portal for geeks.
    <button onclick="Geeks()">
        Click Here!
        function Geeks() {
            //Get the paragraph to add attribute.
            var doc = document.getElementById("p");
            //Creating a class attribute.
            var attr = document.createAttribute("class");
            //Setting the value of class attribute.
            attr.value = "gfg";
            //Adding class attribute to paragraph.


Before click on the button:


After click on the button:


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

  • Google Chrome 1
  • Edge 12
  • Internet Explorer 6
  • Firefox 1
  • Opera 12.1
  • Safari 1

My Personal Notes arrow_drop_up
Last Updated : 10 Aug, 2022
Like Article
Save Article
Similar Reads
Related Tutorials