HTML | DOM setAttributeNode() 方法

HTML DOM 中的setAttributeNode()方法用于将指定的属性节点添加到元素中。如果指定的属性已经存在，则此方法将替换它。

句法：

element.setAttributeNode(name)

参数：只接受一个参数name 。其中name是要添加的属性节点。这是必填字段。

返回值：该方法返回一个表示被替换的属性节点的属性对象，否则返回null。

例子：

  

    
      HTML DOM setAttributeNode Method
    
    
        .gfg {
            color: green;
        }
    

  

    
       GeeksforGeeks
    
  
    
       DOM setAttributeNode Method
    
  
    
        A computer science portal for 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. 
            doc.setAttributeNode(attr);
        }
    

  

输出：

点击按钮前：

点击按钮后：

支持的浏览器： setAttributeNode()方法支持的浏览器如下：

• 谷歌浏览器
• IE浏览器
• 火狐
• 歌剧
• 苹果浏览器