<!DOCTYPE html>
<html>
<head>
<body>
<div id="parent">
<h2>This is parent div</h2>
<p>This div contains various elements inside it.</p>
<p>Each HTML element is inside this div is child div</p>
<p>We need to check if element whose id is <b>'geeks'</b>
is a child div of given parents div</p>
<p id="geeks" style="color:green;">GeeksforGeeks</p>
<button onclick="check('parent','geeks')">Check</button>
<p id="result"></p>
</div>
</body>
<script>
function check(parentElement,childElement)
{
if(isChild(parentElement,childElement))
document.getElementById('result').innerHTML
=childElement+' is child of given parent element';
else
document.getElementById('result').innerHTML
=childElement+' is not child of given parent element';
}
/* Function that returns true if parent
element contains child element */
function isChild(parentElement,childElement)
{
var childrens =
document.getElementById(parentElement).children;
console.log(parentElement);
for(let i=0;i<childrens.length;i++)
{
if(childrens[i]==document.getElementById(childElement))
{
return true;
}
}
return false;
}
</script>
</head>
</html>