Open In App
Related Articles

HTML DOM contains() Method

Improve
Improve
Improve
Like Article
Like
Save Article
Save
Report issue
Report

The contains() method is used to find whether the specified node is a descendant of the given node. This descendant can be a child, grandchild, great-grandchild, and so on. 

Syntax:

node.contains( otherNode ) 

Parameters: The “othernode” in the syntax is the parameter required in this function. 

Return Value: It returns true if the node is a descendant of the given node else false. 

Example: In this example, we will use contains() method

HTML

<!DOCTYPE html>
<html>
 
<head>
    <title>HTML DOM contains() Method</title>
    <!--script to check, if a node contains descendant-->
    <script>
        function containchild() {
            let span =
                document.getElementById("sp1");
            let 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>

                    

Output: 

 

Supported Browsers: The browser supported by DOM contain() Method listed below:

  • Google Chrome 16 and above
  • Edge 12 and above
  • Internet Explorer 9 and above
  • Firefox 9 and above
  • Opera 7 and above
  • Safari 1.1 and above


Last Updated : 15 Jun, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads