このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

Element: getAttributeNode() メソッド

Baseline 広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。

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

構文

js
getAttributeNode(attrName)

引数

  • attrName は属性の名前を表す文字列です。

返値

指定の属性の Attr ノードです。

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

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

仕様書

仕様書
DOM
# dom-element-getattributenode

ブラウザーの互換性