如何使用 JavaScript 计算特定元素的所有子元素？

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

句法

node.childElementCount

例子：

  

    
        How to count all child elements of a
        particular element using JavaScript?
    

  

    GeeksforGeeks
  
    
        Click the button to count all
        children the div element
    
  
    Count all child elements of  elements
    
        First element
        Second element
        Thrid element
        Fourth element
    
  
    
        Click Here!
    
  
    
  
    
  
        // This function count the child elements
        function myGeeks() {
            var count = document.getElementById(
                "parentID").childElementCount;
  
            document.getElementById("GFG").innerHTML
                = "Total Number of Child node: "
                + count;
        }
    

  

输出：

• 点击按钮前：
  
• 点击按钮后：