例
添加class与的value属性"democlass"到<h1>元素：
document.getElementsByTagName("H1")[0].setAttribute("class", "democlass");在设置属性：
Hello World
设置该属性后：
Hello World
试一试» 更多"Try it Yourself"下面的例子。
定义和用法
所述setAttribute()方法增加所述specified属性的元素，并为它指定的值。
如果specified属性已经存在，只值设置/改变。
注：虽然可以添加的style与价值，用这种方法的元素属性，我们建议您使用的样式对象的属性而不是为内嵌样式，因为这不会覆盖可以在指定的其他CSS属性的style属性：
坏：
element .setAttribute("style",
"background-color: red;");好：
element .style.backgroundColor
= "red";提示：使用removeAttribute()方法从一个元素中删除一个属性。
提示：又见setAttributeNode()方法。
浏览器支持
在表中的数字规定，完全支持方法的第一个浏览器版本。
| 方法 | |||||
|---|---|---|---|---|---|
| setAttribute() | 是 | 9 | 是 | 是 | 是 |
句法
element .setAttribute( attributename , attributevalue )参数值
| 参数 | 类型 | 描述 |
|---|---|---|
| attributename | String | 需要。 要添加的属性的名称 |
| attributevalue | String | 需要。 要添加的属性的值 |
技术细节
| 返回值： | 无返回值 |
|---|---|
| DOM版本 | 核心1级元素对象 |
更多示例
例
输入字段设置为输入按钮：
document.getElementsByTagName("INPUT")[0].setAttribute("type", "button");
在设置属性：
设置该属性后：
试一试» 例
添加href属性，值为"www.w3ii.com"到<a>元素：
document.getElementById("myAnchor").setAttribute("href", "http://www.w3ii.com"); 在设置属性：
Go to w3ii.com
设置该属性后：
试一试»例
查找出来，如果一个<a>元素有一个目标属性。 如果是的话，改变的价值target属性"_self" ：
// Get the <a> element with id="myAnchor"
var x =
document.getElementById("myAnchor");
// If the <a> element has
a target attribute, set the value to "_self"
if
(x.hasAttribute("target")) {
x.setAttribute("target", "_self");
} 试一试» 相关页面
HTML教程： HTML属性
HTML DOM参考： href="met_element_getattribute.html"> getAttribute() Method
HTML DOM参考： href="met_element_hasattribute.html"> hasAttribute() Method
HTML DOM参考： href="met_element_removeattribute.html"> removeAttribute() Method