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

javascriptpadre.contains(elemento);

Ejemplo

Verifiquemos si el párrafo #child está en el bloque #parent:

html<div id="parent">
  <p id="child"></p>
</div>

javascriptlet 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:

javascripttrue

Ejemplo

Y ahora el padre no tiene el elemento pasado y por lo tanto el método devuelve false:

html<div id="parent"></div>
<p id="child"></p>

javascriptlet 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:

javascriptfalse

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:

html<div id="parent"></div>

javascriptlet parent = document.querySelector('#parent');
let contains = parent.contains(parent);

console.log(contains);

Resultado de la ejecución del código:

javascripttrue

Véase también