HTML DOM Element getAttributeNode()メソッド
- 前のページ getAttribute()
- 次のページ getBoundingClientRect()
- 上一階層に戻る HTML DOM Elements オブジェクト
定義と使用法
getAttribute() 指定された属性名の属性値をAttrオブジェクトとして返します。
代替案：
使用 getAttribute()メソッド もっと簡単になります。
も参照してください：
チュートリアル：
参考マニュアル：
知识点：getAttribute()とgetAttributeNode()の違い
getAttribute() 属性の値を返します。
getAttributeNode() メソッドが返します。 Attr オブジェクト、 Attr value 属性 この値を取得するために。
結果は同じです。
例
例 1
<h1>要素のclass属性ノードの値を取得します：
const element = document.getElementsByTagName("H1")[0];
let text = element.getAttributeNode("class").value;
例 2
<a>要素のtarget属性ノードの値を取得します：
var elmnt = document.getElementById("myAnchor");
var attr = elmnt.getAttributeNode("target").value;
例 3
<button>要素のonclick属性ノードの値を取得します：
var elmnt = document.getElementById("myBtn");
var attr = elmnt.getAttributeNode("onclick").value;
文法
element.getAttributeNode(name)
パラメータ
| パラメータ | 説明 |
|---|---|
| name | 必須。属性の名前。 |
返り値
| タイプ | 説明 |
|---|---|
| オブジェクト | 属性ノードの Attr オブジェクト。 |
| null | 属性が存在しない場合。 |
説明
getAttributeNode() このメソッドは、指定された属性の値を表す Attr ノードを返します。注意していただきたいのは、Node インターフェースから継承された attributes プロパティでもこの Attr ノードを取得できます。
ブラウザのサポート
element.getAttributeNode() DOM レベル 1 (1998) の機能です。
すべてのブラウザで完全にサポートされています：
| Chrome | IE | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| Chrome | IE | Edge | Firefox | Safari | Opera |
| サポート | 9-11 | サポート | サポート | サポート | サポート |
- 前のページ getAttribute()
- 次のページ getBoundingClientRect()
- 上一階層に戻る HTML DOM Elements オブジェクト
