HTML | DOM childElementCount Property

Last Updated : 25 Jul, 2019

The DOM childElementCount property is used to count the number of child element and return it. It counts only child element except for text and comment nodes.

Syntax:

node.childElementCount

Where node is an object which represents the document or element.

Return Value: It returns the number of child elements of the given element.

Example:

<!DOCTYPE html>
<html>
  
<head>
    <title>
        DOM childElementCount Property
    </title>
</head>
  
<body>
    <h1>GeeksforGeeks</h1>
  
    <h2>
            DOM childElementCount Property
        </h2>
  
    <p>Searching Algorithms</p>
  
    <ul id="parent">
        <li>Merge sort</li>
        <li>Quick sort</li>
    </ul>
  
    <button onclick="geek()">Click Here!</button>
  
    <p id="p"></p>
  
    <script>
        function geek() {
            var doc = 
                document.getElementById("parent").childElementCount;
            document.getElementById("p").innerHTML =
                  "No of entries: " + doc;
        }
    </script>
</body>
  
</html>

Output:
Before clicking the button:
childElementCount
After clicking the button:

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

Google Chrome 2.0
Internet Explorer 9.0
Firefox 3.5
Opera 10.0
Safari 4.0

My Personal Notes

Related Articles