Skip to content
Related Articles

Related Articles

HTML | DOM length Property
  • Last Updated : 13 Nov, 2020

The DOM length property in HTML is used to get the number of items in a NodeList object. A NodeList is a collection of child Nodes. For example, the NodeList of the body will contain all the child nodes in the body i.e. paragraph, comments, headings, script, etc.

Syntax:

nodelist.length

Below program illustrates the DOM length property in HTML:

Example:




<!DOCTYPE html>
<html>
    <head>
        <title>
            DOM Length Property
        </title>
          
        <script>
          
            function geeksFunction() { 
                  
                var node_list = document.body.childNodes;
                var elements = "";
                var i;
                for (i = 0; i < node_list.length; i++) {
                    elements = elements + node_list[i].nodeName
                    + "    ";
                }
                  
                elements = elements + "<br> Length: " 
                + document.body.childNodes.length;
                document.getElementById("demo").innerHTML = 
                                                      elements;
            }
        </script>
    </head>
      
    <body style = "text-align:center">
          
        <h1>GeeksforGeeks</h1>
          
        <h2>DOM Length Property</h2>
          
        <button onclick="geeksFunction()">Click Here!</button>
        <p id="demo"></p>
    </body>
</html>                    

Before Click on the button:

After click on the button:

Supported Browsers: The browser supported by DOM length property are listed below:

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



My Personal Notes arrow_drop_up
Recommended Articles
Page :