例
設定しclassの属性ノード<h1>要素を：
var h1 = document.getElementsByTagName("H1")[0]; // Get the
first <h1> element in the document
var att =
document.createAttribute("class"); //
Create a "class" attribute
att.value = "democlass";
// Set the value of the class attribute
h1.setAttributeNode(att);
// Add the class attribute to <h1>属性ノードを設定する前に：
Hello World
属性ノードを設定した後：
Hello World
»それを自分で試してみてください もっと"Try it Yourself"以下の例。
定義と使用法
setAttributeNode()メソッドは、追加specified要素に属性ノードを。
場合はspecified属性が既に存在している、この方法は、それを置き換えます。
このメソッドの戻り値は、Attrオブジェクトです。 詳細については、 HTMLのDOM属性オブジェクトを 。
参照setAttribute()メソッドを。
ヒント：使用removeAttributeNode()要素から属性ノードを削除する方法を。
ブラウザのサポート
| 方法 | |||||
|---|---|---|---|---|---|
| setAttributeNode() | はい | はい | はい | はい | はい |
構文
element .setAttributeNode( attributenode )パラメータ値
| パラメーター | タイプ | 説明 |
|---|---|---|
| attributenode | Attr object | 必須。 あなたが追加したい属性ノード |
技術的な詳細
| 戻り値： | 表すAttrオブジェクト、 replaced属性ノードを、もしあれば、そうでない場合はnull |
|---|---|
| DOMバージョン | コアレベル1要素オブジェクト |
その他の例
例
設定しhrefの属性ノード<a>要素を：
var anchor = document.getElementById("myAnchor"); // Get the <a>
element with id="myAnchor"
var att = document.createAttribute("href");
// Create a "href" attribute
att.value = "http://www.w3ii.com";
// Set the value of the href attribute
anchor.setAttributeNode(att);
// Add the href attribute to <a>属性ノードを設定する前に：
Go to w3ii.com
属性ノードを設定した後：
»それを自分で試してみてください関連ページ
HTMLチュートリアル： HTML属性
HTML DOMリファレンス： HTML DOMは、オブジェクトの属性
HTML DOMリファレンス： href="met_element_setattribute.html"> setAttribute() Method
HTML DOMリファレンス： href="met_document_createattribute.html">document. createAttribute() Method href="met_document_createattribute.html">document. createAttribute() Method
HTML DOMリファレンス： プロパティ.VALUE 属性
HTML DOMリファレンス： href="met_element_getattributenode.html"> getAttributeNode() Method
HTML DOMリファレンス： href="met_element_removeattributenode.html"> removeAttributeNode() Method