Element: getAttributeNode() メソッド

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

構文

getAttributeNode(attrName)

引数

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 属性、例えば 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