Узел: свойство nodeName

Чтение только свойство 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".

Этот пример отображает имена узлов нескольких узлов

This is some HTML:
<div id="d1">Hello world</div>
<!-- Example of comment -->
Text <span>Text</span> Text<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">Not calculated yet.</output>

и следующий скрипт:

let node = document.querySelector("body").firstChild;
let result = "Node names are:\n";
while (node) {
  result += `${node.nodeName}\n`;
  node = node.nextSibling;
}

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

• Element.tagName
• Attr.name
• DocumentType.name
• ProcessingInstruction.target