Node: nodeName property

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.

The read-only nodeName property of Node returns the name of the current node as a string.

Value

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".

Comment

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".

Example

This example displays the node names of several nodes

html
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:

js
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;

Specifications

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

Browser compatibility

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
nodeName

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

See also