English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

JS DOMリファレンスマニュアル

HTML DOM Element オブジェクト

getAttributeNode()HTML DOM getAttributeNode() メソッド

方法は指定された要素の指定された属性を返し、返り値はAttrノードタイプです指定された属性が存在しない場合、返される値はnull

を使用して、または「」(空文字列)。attribute.value属性を使用して属性ノードの値を返します。

属性値のみを返す場合は、getAttribute()メソッド

私たちのHTML DOM属性オブジェクトAttrオブジェクトに関する詳細な情報を学びます。

構文:

element.getAttributeNode(attr)
var elem = document.getElementsByTagName("H"1")[0];
var attr = elem.getAttributeNode("class").value;
テストしてみる‹/›

ブラウザの互換性

getAttributeNode()メソッドはすべてのブラウザで完全にサポートされています:

メソッド
getAttributeNode()

引数の値

引数説明
attr返り値を取得する属性の名前

技術的詳細

返り値:指定された属性ノードを表すAttrオブジェクト
DOMバージョン:DOMレベル1

更多实例

取得元素的样式属性节点的值:

var elem = document.getElementsByTagName("H"1")[0];
var attr = elem.getAttributeNode("style").value;
テストしてみる‹/›

アンカーエレメントのhref属性節点の値を取得:

var elem = document.getElementsByTagName("a")[0];
var attr = elem.getAttributeNode("href").value;
テストしてみる‹/›

画像要素nodeのsrc属性値を取得:

var elem = document.getElementsByTagName("img")[0];
var attr = elem.getAttributeNode("src").value;
テストしてみる‹/›

関連参考

HTML 教程:HTML 属性

HTML DOM 参考情報:HTML DOM 属性オブジェクト

HTML DOM 参考情報:element.getAttribute()メソッド

HTML DOM 参考情報:element.setAttribute()メソッド

HTML DOM 参考情報:element.removeAttributeNode()メソッド

HTML DOM Element オブジェクト