Open In App
Related Articles

HTML DOM length Property

Improve
Improve
Improve
Like Article
Like
Save Article
Save
Report issue
Report

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. paragraphs, comments, headings, script, etc.

Syntax:  

nodelist.length

Return Value: It returns a numeric value that represents the number of nodes in the nodelist. 

Example: The below program illustrates the DOM length property in HTML:

HTML

<!DOCTYPE html>
<html>
<head>
    <title>
        DOM Length Property
    </title>
    <script>
        function geeksFunction() {
            let node_list = document.body.childNodes;
            let elements = "";
            let 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>

                    

Output:

 

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

  • Google Chrome 1
  • Edge 12
  • Internet Explorer 5
  • Firefox 1
  • Opera 12.1
  • Safari 1


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