Método contains

O método contains permite verificar se um elemento contém outro dentro de si. O parâmetro do método é o elemento que será verificado para ver se está contido dentro do elemento ao qual o método foi aplicado.

Sintaxe

javascriptpai.contains(elemento);

Exemplo

Vamos verificar se o parágrafo #child está dentro do bloco #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 da execução do código:

javascripttrue

Exemplo

Agora o pai não contém o elemento passado e, portanto, o método retorna 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 da execução do código:

javascriptfalse

Exemplo

Pode-se passar o próprio elemento no qual o método foi chamado; neste caso, o método também retornará true:

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

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

console.log(contains);

Resultado da execução do código:

javascripttrue

Veja também