JS--ノード名の取得

ノード名の取得

【開発環境】
OS：Win11（64ビット）
VSCode1.72.2、

【ノードの名前を取得する】
Node オブジェクトの nodeName プロパティを参照するとノードの名前を取得することができます。

書式；node.nodeName

戻り値は
ノードの名前を表す DOMString オブジェクトが戻されます。名前はノードの種類によって異なっています

例えば
ノードの種類が ELEMENT_NODE (要素ノード) の場合は、＜P>などのような要素のタグ名がノードの名前として返される。ノードの種類が TEXT_NODE (テキストノード) の場合、常に "#text" という値がノードの名前として返されます。空白ノードも、テキストノードである。

サンプル

ブラウザを立ち上げる

ボタンを押すと、 id 属性の値が 'blog' のノードを取得し、そのノードの子ノードをすべて取得します。そのあとで、子ノードのノード毎にノードの名前を取得してコンソールに出力しています。

「空白ノード」で解説していますが、要素の前後に空白や改行がある場合は空白ノード(テキストノード)が存在します。その為、テキストノードの名前である "#text" が要素ノードやコメントノードの前後に現れています。