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
pai.contains(elemento);
Exemplo
Vamos verificar se o parágrafo #child
está dentro do bloco #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 da execução do código:
true
Exemplo
Agora o pai não contém o elemento passado
e, portanto, o método retorna 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 da execução do código:
false
Exemplo
Pode-se passar o próprio elemento no qual
o método foi chamado; neste caso, o método também
retornará true:
<div id="parent"></div>
let parent = document.querySelector('#parent');
let contains = parent.contains(parent);
console.log(contains);
Resultado da execução do código:
true
