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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。