Related Articles

Related Articles

HTML | DOM contains() Method
  • Last Updated : 25 Jul, 2019

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 node is descendant of the given node else false.

Example:



filter_none

edit
close

play_arrow

link
brightness_4
code

<!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>                    

chevron_right


Output:
Before clicking on the check button:

After clicking on the check button:

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

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Opera
  • Safari

full-stack-img




My Personal Notes arrow_drop_up
Recommended Articles
Page :