Baseline Widely available
The read-only nodeName property of Node returns the name of the current node as a string.
A string. Values for the different types of nodes are:
Attr
The value of Attr.name, that is the qualified name of the attribute.
CDATASection
The string "#cdata-section".
The string "#comment".
Document
The string "#document".
DocumentFragment
The string "#document-fragment".
DocumentType
The value of DocumentType.name
Element
The value of Element.tagName, that is the uppercase name of the element tag if an HTML element, or the lowercase element tag if an XML element (like a SVG or MathML element).
ProcessingInstruction
The value of ProcessingInstruction.target
Text
The string "#text".
This example displays the node names of several nodes
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>
and the following script:
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;
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.3