HTML DOM contains()用法及代码示例

contains()方法用于查找指定的节点是否为给定节点的后代。此后代可以是孩子，孙子，曾孙等。

用法:

node.contains( otherNode )

参数：语法中的“othernode”是此函数所需的参数。

返回值：如果node是给定节点的后代，则返回true，否则返回false。

例：

<!DOCTYPE html> 
<html> 
  
<head> 
    <title>HTML | DOM contains() Method</title> 
    <!--script to check, if a node contains descendant-->
    <script> 
        function containchild() { 
            var span =  
            document.getElementById("sp1"); 
            var div =  
            document.getElementById("para1").contains(span); 
            document.getElementById("result").innerHTML = div; 
        } 
    </script> 
</head> 
  
<body> 
    <center> 
        <h1 style="color:green"> 
            Welcome to GeeksforGeeks</h1></center> 
    <div id="para1"> 
        <p>Social media is not about the  
        <span id="sp1">exploitation of technology</span>  
        but service to community.</p> 
    </div> 
  
    <p>Click the button to find out if the div 
    element contains a span element.</p> 
  
    <button onclick="containchild()">Check</button> 
  
    <!--for displaying boolean value -->
    <p id="result"></p> 
</body> 
  
</html>

输出：
在单击检查按钮之前：

单击检查按钮后：

支持的浏览器：下面列出了DOM contain()方法支持的浏览器：

谷歌浏览器
IE浏览器
火狐浏览器
Opera
苹果浏览器

相关用法

注：本文由纯净天空筛选整理自ProgrammerAnvesh大神的英文原创作品 HTML | DOM contains() Method。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。