如何检查一个元素在 JavaScript 中是否有任何子元素？

任务是在 JavaScript 的帮助下找出一个元素是否有子元素。我们将讨论一些技术。

方法：

• 选择父元素。
• 使用firstChild、childNodes.length、children.length属性之一来查找元素是否有子元素。
• hasChildNodes()方法也可用于查找父节点的子节点。

示例 1：在此示例中，使用hasChildNodes() 方法来确定

元素的子元素。

  

    
        How to check if element has
        any children in JavaScript ?
    

  

      
     
        GeeksForGeeks
    
      
    
        
        
    
      
    
        click here
    
      
    
    
      
    
        var parentDiv = document.getElementById("div");
        var el_up = document.getElementById("GFG_UP");
        var el_down = document.getElementById("GFG_DOWN");
          
        el_up.innerHTML = "Click on the button to check "
                    + "whether element has children.";
  
        function GFG_Fun() {
            var ans = "Element <div> has no children";
              
            if (parentDiv.hasChildNodes()) {
                ans = "Element <div> has children";
            }
              
            el_down.innerHTML = ans;
        }
    

  

输出：

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

示例 2：在本示例中， children.length 属性用于确定

元素的子元素。

  

    
        How to check if element has
        any children in JavaScript ?
    

  

      
     
        GeeksForGeeks
    
      
    
        
        
    
      
    
        click here
    
      
    
    
      
    
        var parentDiv = document.getElementById("div");
        var el_up = document.getElementById("GFG_UP");
        var el_down = document.getElementById("GFG_DOWN");
          
        el_up.innerHTML = "Click on the button to "+
                "check whether element has children.";
  
        function GFG_Fun() {
            var ans = "Element <div> has no children";
              
            if (parentDiv.children.length > 0) {
                ans = "Element <div> has children";
            }
              
            el_down.innerHTML = ans;
        }
    

  

输出：

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