HTML DOM nodeName property

HTML DOM Element Object

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

If the node is an element node, the nodeName property will return the tag name in uppercase.

If the node is an attribute node, the nodeName property will return the name of the attribute.

For other node types, the nodeName property will return different names for different node types.

Note:You can also usetagNameAttribute returns the tag name of the element. The difference is that tagName only returns the tag name, while nodeName returns the names of all nodes (tag, attribute, text, comment).

Syntax:

node.nodeName

var x = document.getElementById("myPara").nodeName;

Browser compatibility

nodeName property is fully supported in all browsers:

Technical details

More examples

Return the node names of the child nodes of the BODY element:

var x = document.body.childNodes;
var txt = "";
for (let i = 0; i < x.length;++) {
txt　+= x[i].nodeName　+　"<br>";
}
document.getElementById("para").innerHTML = txt;

Return the node name, node type, and node value of the first child node of div:

<div id="div-1">This is a div element.</div>
<script>
var x = document.getElementById("div-1).firstChild;
var txt = "";
txt　+="Node Name: "　+　x.nodeName　+　"<br>";
txt　+="Node Value: "　+　x.nodeValue　+　"<br>";
txt　+="Node Type: "　+　x.nodeType;
document.getElementById("para").innerHTML = txt;
</script>

Related References

HTML DOM Reference:node .childNodes property

HTML DOM Reference:node .firstChild property

HTML DOM Reference:node .lastChild property

HTML DOM Reference:node .parentNode property

HTML DOM Reference:node .previousSibling property

HTML DOM Reference:node .nextSibling property

HTML DOM Element Object