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 >
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 >
< 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
Share your thoughts in the comments
Please Login to comment...