例
値を取得classの属性ノード<h1>要素を:
var elmnt = document.getElementsByTagName("H1")[0];
var attr =
elmnt.getAttributeNode("class").value;
ATTRの結果は次のようになります。
democlass
»それを自分で試してみてください もっと"Try it Yourself"以下の例。
定義と使用法
getAttributeNode()メソッドは、Attrオブジェクトとして、要素の指定された名前の属性ノードを返します。
ヒント:使用.VALUE 属性を属性ノードの値を返すようにプロパティ。
ヒント:使用getAttribute()あなただけの属性値を返すようにしたい場合の方法を。
Attrオブジェクトの詳細については、 HTMLのDOM属性オブジェクトを 。
ブラウザのサポート
方法 | |||||
---|---|---|---|---|---|
getAttributeNode() | はい | はい | はい | はい | はい |
構文
パラメーター パラメーター タイプ 説明 attributename String 必須。 あなたが返すようにしたい属性の名前
技術的な詳細
戻り値: 表すAttrオブジェクト、 specified属性ノードを。
注意:場合 属性が存在しない、戻り値はnullまたは空の文字列です("") DOMバージョン コアレベル1要素オブジェクト
その他の例
例
値を取得targetの属性ノード<a>要素を:
var elmnt = document.getElementById("myAnchor");
var attr = elmnt.getAttributeNode("target").value; ATTRの結果は次のようになります。
_blank
»それを自分で試してみてください
例
値を取得onclickの属性ノード<button>要素を:
var elmnt = document.getElementById("myBtn");
var attr = elmnt.getAttributeNode("onclick").value; ATTRの結果は次のようになります。
myFunction() »それを自分で試してみてください
関連ページ
HTMLチュートリアル: HTML属性
HTML DOMリファレンス: HTML DOMは、オブジェクトの属性
HTML DOMリファレンス: href="met_element_getattribute.html"> getAttribute() Method
HTML DOMリファレンス: プロパティ.VALUE 属性
HTML DOMリファレンス: href="met_element_removeattributenode.html"> removeAttributeNode() Method
HTML DOMリファレンス: href="met_element_setattributenode.html"> setAttributeNode() Method