JavaScript 如何计算特定元素的所有子元素数量

给定一个包含一些嵌套元素的HTML文档，任务是计算特定元素的所有子元素数量。使用JavaScript计算特定元素的所有子元素数量非常简单。例如：如果你有一个包含许多子元素的父元素，那么你可以使用 HTML DOM childElementCount 属性来计算特定元素的所有子元素。

语法：

node.childElementCount

示例：

<h1 style="color:green">GeeksforGeeks</h1> 
  
<h3> 
    Click the button to count all<br> 
    children the div element 
</h3> 
  
<h5>Count all child elements of <ul> elements</h5> 
<ul id="parentID"> 
    <li>First element</li> 
    <li>Second element</li> 
    <li>Third element</li> 
    <li>Fourth element</li> 
</ul> 
  
<button onclick="myGeeks()"> 
    Click Here! 
</button> 
  
<h5 id="GFG"></h5> 
  
<script> 
    // This function count the child elements 
    function myGeeks() { 
        var count = document.getElementById( 
            "parentID").childElementCount; 
      
        document.getElementById("GFG").innerHTML 
            = "Total Number of Child node: " 
            + count; 
    } 
</script>

输出：