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()

参数值

参数描述
name一个字符串,指定要设置其值的属性的名称
value包含要分配给属性的值的字符串

技术细节

返回值:未定义
例外:InvalidCharacterError
DOM版本:DOM 2级

更多实例

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

document.getElementsByTagName("input")[0].setAttribute("type", "text");
测试看看‹/›

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

var x = document.getElementsByTagName("a")[0];
x.setAttribute("href", "/CSS3/");
测试看看‹/›

相关参考

HTML教程:HTML属性

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

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

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

HTML DOM Element 对象