DOM

Element.getAttributeNode() メソッド

 編集:2022.09.21 by T.A.

[Edge]。→

element の指定された属性を属性ノード Attr で返します。

構文
element.getAttributeNode(attrName)
element Element
attrName 属性の名前を表す文字列です。
戻り値

Attr ノード オブジェクトです。

// html: <div id="top" />
let t = document.getElementById("top");
let idAttr = t.getAttributeNode("id");
alert(idAttr.value == "top")
注意

HTML 文書としてフラグが立てられた DOM 内の HTML 要素に対して呼び出された場合、getAttributeNode() は処理前に引数を小文字にします。

Attr ノードは Node を継承していますが、文書ツリーの一部と考えることはできません。一般の Node 属性、例えば Node.parentNodeNode.previousSiblingNode.nextSibling などは Attr ノードでは null になります。しかしながら、Attr.ownerElement プロパティではこの属性が属している要素を取得することができます。

要素の属性の値を取得するためには、通常 getAttributeNode() の代わりに getAttribute() を使用してください。

¶表省く

HTML:

<SPAN id=IdTest class="Test1 Test2">SPAN要素</SPAN>

JavaScript:

D=IdTest.getAttributeNode('class'); //=[object]:[object Attr]
	//namespaceURI=[object]:null
	//prefix=[object]:null
	//localName=[string]:class
	//name=[string]:class
	//value=[string]:Test1 Test2
	//ownerElement=[object]:[object HTMLSpanElement]
	//specified=[boolean]:true
	//nodeType=[number]:2
	//nodeName=[string]:class
	//…

テスト