Skip to content
Related Articles

Related Articles

HTML | DOM nodeName Property
  • Last Updated : 26 Jul, 2019

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 current node. The returned value is 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:




<!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() {
            var x = document.getElementById("p").nodeName;
            document.getElementById("p1").innerHTML = x;
        }
    </script>
</body>
  
</html>

Output:
Before clicking the button:
nodename
After clicking the button:
nodename

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

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Opera
  • Safari

full-stack-img




My Personal Notes arrow_drop_up
Recommended Articles
Page :