例
添加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