例
追加classの値を持つ属性を"democlass"に<h1>要素：
document.getElementsByTagName("H1")[0].setAttribute("class", "democlass");属性を設定する前に：
Hello World
属性を設定した後：
Hello World
»それを自分で試してみてください もっと"Try it Yourself"以下の例。
定義と使用法
setAttribute()メソッドは、追加specified要素に属性を、それを指定された値を与えます。
場合はspecified属性が既に存在している、唯一の値が設定/変更されます。
注意：それは追加することは可能ですがstyle 、このメソッドを持つ要素に値を持つ属性を、あなたが使用することをお勧めしますStyleオブジェクトのプロパティを 、この中に指定することができる他のCSSプロパティを上書きしませんので、代わりにインラインスタイリングのためにstyle属性：
悪い：
element .setAttribute("style",
"background-color: red;");良い：
element .style.backgroundColor
= "red";ヒント：使用removeAttribute()要素から属性を削除する方法を。
ヒント：また、参照してくださいsetAttributeNode()メソッドを。
ブラウザのサポート
表中の数字は完全に方法をサポートする最初のブラウザのバージョンを指定します。
| 方法 | |||||
|---|---|---|---|---|---|
| setAttribute() | はい | 9.0 | はい | はい | はい |
構文
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