HTML | DOM createAttribute() 方法

此createAttribute()方法用于创建具有指定名称的属性并返回属性对象。 attribute.value 属性用于设置属性的值， element.setAttribute() 方法用于为元素创建新属性。此 method() 包含创建的属性的名称作为参数值。

句法：

document.createAttribute( attributename )

例子：

    
        DOM createAttribute Method
        
            .gfg {
                color: green;
                font-weight:bold;
                font-size:50px;
            }
            body {
                text-align:center;
            }
        
    
    
        GeeksforGeeks
        DOM createAttribute() Method
        Submit
        
        function geeks() {
            var tag_name =
                document.getElementsByTagName("h1")[0];
            var attr = 
                document.createAttribute("class");
            attr.value = "gfg";
            tag_name.setAttributeNode(attr);
        }
        
    
                    

输出：

示例 2：

    
        
            h1 {
                color:green;
            }
            body {
                text-align:center;
            }
        
    
    
        GeeksforGeeks
        DOM createAttribute() Method
        Visit GeeksForGeeks...
        Submit
        
            function geeks() {
                var id= document.getElementById("gfg");
                var new_attr = document.createAttribute("href");
                new_attr.value = "#";
                id.setAttributeNode(new_attr);
            }
        
    
                    

输出：

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

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