HTML DOM setAttributeNode（）メソッド
❮要素オブジェクト例
<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
以下の「自分で試してみてください」の例をもっと見てください。
定義と使用法
setAttributeNode（）メソッドは、指定された属性ノードを要素に追加します。
指定された属性がすでに存在する場合、このメソッドがそれを置き換えます。
このメソッドの戻り値はAttrオブジェクトです。詳細については、「 HTMLDOM属性オブジェクト」を参照してください。
setAttribute（） メソッドも参照してください。
ヒント： removeAttributeNode（）メソッドを使用して、要素から属性ノードを削除します。
ブラウザのサポート
| Method | |||||
|---|---|---|---|---|---|
| setAttributeNode() | Yes | Yes | Yes | Yes | Yes |
構文
element.setAttributeNode(attributenode)
パラメータ値
| Parameter | Type | Description |
|---|---|---|
| attributenode | Attr object | Required. The attribute node you want to add |
技術的な詳細
| 戻り値： | 置き換えられた属性ノードを表すAttrオブジェクト（存在する場合）、それ以外の場合はnull |
|---|---|
| DOMバージョン | コアレベル1要素オブジェクト |
その他の例
例
<a>要素のhref属性ノードを設定します。
var anchor = document.getElementById("myAnchor"); // Get the <a> element with id="myAnchor"
var att = document.createAttribute("href"); // Create a "href" attribute
att.value = "https://www.w3schools.com"; // Set the value of the href attribute
anchor.setAttributeNode(att); // Add the href attribute to <a>
属性ノードを設定する前に：
Go to w3schools.com
属性ノードを設定した後：
関連ページ
HTMLチュートリアル：HTML属性
HTML DOMリファレンス：HTMLDOM属性オブジェクト
HTML DOMリファレンス：setAttribute（）メソッド
HTML DOMリファレンス：document.createAttribute（）メソッド
HTML DOMリファレンス：attribute.valueプロパティ
HTML DOMリファレンス：getAttributeNode（）メソッド
HTML DOMリファレンス：removeAttributeNode（）メソッド
❮要素オブジェクト