Método contains
El método contains permite verificar,
si un elemento contiene dentro de sí a otro.
El parámetro del método es el elemento que
se verificará para determinar si se encuentra
dentro del elemento al que se aplicó el método.
Sintaxis
padre.contains(elemento);
Ejemplo
Verifiquemos si el párrafo #child
está en el bloque #parent:
<div id="parent">
<p id="child"></p>
</div>
let parent = document.querySelector('#parent');
let child = document.querySelector('#child');
let contains = parent.contains(child);
console.log(contains);
Resultado de la ejecución del código:
true
Ejemplo
Y ahora el padre no tiene el elemento pasado
y por lo tanto el método devuelve false:
<div id="parent"></div>
<p id="child"></p>
let parent = document.querySelector('#parent');
let child = document.querySelector('#child');
let contains = parent.contains(child);
console.log(contains);
Resultado de la ejecución del código:
false
Ejemplo
Se puede pasar el mismo elemento en el que
se llamó el método, en este caso el método también
devolverá true:
<div id="parent"></div>
let parent = document.querySelector('#parent');
let contains = parent.contains(parent);
console.log(contains);
Resultado de la ejecución del código:
true
