HTML DOM contains() Method
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 w3wiki</ 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