最新のWeb開発のチュートリアル
 

HTML DOM getAttributeNode() Method

<Elementオブジェクト

値を取得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


<Elementオブジェクト