如果父元素包含 JavaScript 中的子元素，如何返回 true ？

在 JavaScript 中， children属性返回一个由给定元素的子元素组成的数组。

为了检查父元素（比如x）是否包含子元素（比如y），我们可以使用children属性获取x的所有子元素的数组，然后检查得到的数组是否包含y。

为了使用 JavaScript 获取父元素的子元素，我们使用本文实现代码。

句法：

var childrens=document.getElementById(parentElement).children;

方法：

• 选择父元素
• 使用children属性获取父元素的子元素数组。
• 遍历数组以查找子元素，如果找到，则返回true。
• 如果没有找到，则返回false 。

例子：

HTML

  
      
    
      
        This is parent div
          
This div contains various elements inside it.
  
          
Each HTML element is inside this div is child div
  
          
We need to check if element whose id is 'geeks' 
          is a child div of given parents div
  
        GeeksforGeeks
  
        Check
        
  
      
    
    
      function check(parentElement,childElement)
      {
        if(isChild(parentElement,childElement))
          document.getElementById('result').innerHTML
            =childElement+' is child of given parent element';
        else 
          document.getElementById('result').innerHTML
            =childElement+' is not child of given parent element';
      }
      /* Function that returns true if parent 
         element contains child element */
      function isChild(parentElement,childElement)     
      {
        var childrens = 
document.getElementById(parentElement).children;
          console.log(parentElement);
          for(let i=0;i<childrens.length;i++)
          {
            if(childrens[i]==document.getElementById(childElement))
            {
              return true;
            }
          }
          return false;
      }
    
  

输出：

父母的孩子