En JavaScript, la propiedad children devuelve una array de aquellos elementos que son hijos de un elemento dado.
Para comprobar si el elemento principal (digamos x) contiene un elemento secundario (digamos y), podemos usar la propiedad children para obtener la array de todos los elementos secundarios de x y luego verificar si la array obtenida contiene y.
Para obtener el elemento secundario de un elemento principal mediante JavaScript, implementamos el código mediante este artículo .
Sintaxis:
var childrens=document.getElementById(parentElement).children;
Acercarse:
- Seleccione el elemento principal
- Utilice la propiedad child para obtener una array de elementos secundarios del elemento principal.
- Iterar sobre una array para encontrar un elemento secundario, si se encuentra, devuelve verdadero.
- Devuelve falso si no se encuentra.
Ejemplo:
HTML
<!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>
Producción:
Hijo de padre
Publicación traducida automáticamente
Artículo escrito por harshshukla5 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA