Open In App

HTML DOM nodeName Property

Improve
Improve
Like Article
Like
Save
Share
Report

The nodeName property is used to return the name of the specified node as a string. It returns different values for different nodes such as if the node attributes, then the returned string is the attribute name, or if the node is an element, then the returned string is the tag name. It is a read-only property. 

Syntax:

document.nodeName

Return values: This property returns the name of the current node. The returned value is a string.

  • For element nodes, the returned value is the tagname.
  • For attribute nodes, the returned value is the name of the attribute
  • For document, comment, and text nodes, the returned value is “#document”, “#comment” and “#text” respectively.

Example: In this example, we will use the nodeName property

HTML




<!DOCTYPE html>
<html>
<head>
    <title>
        DOM nodeName Property
    </title>
</head>
 
<body onload="start ()" style="text-align: center">
    <h1 style="color:green">
        GeeksforGeeks
    </h1>
    <h2>
        DOM nodeName Property
    </h2>
    <div id="p">
        Click to get the node name of this element.
    </div>
    <br>
    <button onclick="geek()">Click me!</button>
    <p id="p1"></p>
    <script>
        function geek() {
            let x = document.getElementById("p").nodeName;
            document.getElementById("p1").innerHTML = x;
        }
    </script>
</body>
</html>


Output:

 

Supported Browsers: The browser supported by nodeName property are listed below:

  • Google Chrome 1 and above
  • Edge 12 and above
  • Internet Explorer 6 and above
  • Firefox 1 and above
  • Opera 12.1 and above
  • Safari 1 and above


Last Updated : 09 Jun, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads