HTML DOM setAttribute() 方法

HTML DOM Element 对象

setAttribute()方法设置指定元素的属性值。

如果属性已经存在，则更新值；否则，将使用指定的名称和值添加新属性。

使用removeAttribute()方法从元素中删除属性。

语法：

element.setAttribute(name, value)

var x = document.getElementsByTagName("H1")[0];
x.setAttribute("class", "demo");

浏览器兼容性

所有浏览器都完全支持setAttribute()方法：

Method
setAttribute()	是	是	是	是	是

参数值

技术细节

更多实例

将输入按钮更改为输入字段：

document.getElementsByTagName("input")[0].setAttribute("type", "text");

将href属性的值设置为锚元素：

var x = document.getElementsByTagName("a")[0];
x.setAttribute("href", "https://www.nhooo.com/CSS3/");

相关参考

HTML教程：HTML属性

HTML DOM参考：element .hasAttribute()方法

HTML DOM参考：element .getAttribute()方法

HTML DOM参考：element .removeAttribute()方法

HTML DOM Element 对象