Element.getAttributeNode()

この要素の指定された属性を、 Attr ノードとして返します。

構文

js

var attrNode = element.getAttributeNode(attrName);
  • attrNode は指定の属性に対する Attr ノードです。
  • attrName は属性の名前を表す文字列です。

例

js

// 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 属性、例えば parentNode、 previousSibling、nextSibling などは Attr ノードでは null になります。しかしながら、 ownerElement プロパティではこの属性が属している要素を取得することができます。

要素の属性の値を取得するためには、通常 getAttributeNode の代わりに getAttribute が使用されます。

DOM メソッドは要素の属性を取り扱います。

名前空間に無関係、
最も一般的に使用されるメソッド		 名前空間に限定される変数
(DOM Level 2)		 Attr ノードを直接扱う DOM レベル 1 のメソッド
(ほとんど使用されない)		 Attr ノードを直接扱う DOM レベル 2 名前空間に限定されるメソッド
(ほとんど使用されない)
setAttribute (DOM 1) setAttributeNS setAttributeNode setAttributeNodeNS
getAttribute (DOM 1) getAttributeNS getAttributeNode getAttributeNodeNS
hasAttribute (DOM 2) hasAttributeNS - -
removeAttribute (DOM 1) removeAttributeNS removeAttributeNode -

仕様書

Specification
DOM Standard
# dom-element-getattributenode

ブラウザーの互換性

BCD tables only load in the browser