Node: nodeName プロパティ

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

nodeName は Node の読み取り専用プロパティで、現在のノードの名前を文字列で返します。

値

文字列です。ノードの種類によって、次のような値になります。

Attr

Attr.name の値で、この属性の修飾名です。

CDATASection

"#cdata-section" という文字列です。

Comment

"#comment" という文字列です。

Document

"#document" という文字列です。

DocumentFragment

"#document-fragment" という文字列です。

DocumentType

DocumentType.name の値です。

Element

Element.tagName の値です。これは HTML 要素であればその要素のタグの大文字の名前であり、 XML 要素（SVG や MathML の要素）であればその要素のタグの小文字の名前です。

ProcessingInstruction

ProcessingInstruction.target の値です。

Text

"#text" という文字列です。

例

この例では、様々なノードのノード名を表示します。

html
こちらは HTML です。
<div id="d1">Hello world</div>
<!-- コメントの例 -->
テキスト<span>テキスト</span> テキスト<br />
<svg height="20" width="20">
  <circle cx="10" cy="10" r="5" stroke="black" stroke-width="1" fill="red" />
</svg>
<hr />
<output id="result">まだ出力されていません。</output>

また、スクリプトは以下の通りです。

js
let node = document.querySelector("body").firstChild;
let result = "ノード名:<br/>";
while (node) {
  result += `${node.nodeName}<br/>`;
  node = node.nextSibling;
}

const output = document.getElementById("result");
output.innerHTML = result;

仕様書

Specification
DOM Standard
# ref-for-dom-node-nodename①

ブラウザーの互換性

BCD tables only load in the browser

関連情報