Metoda contains

Metoda contains pozwala sprawdzić, czy jeden element zawiera w sobie inny. Parametrem metody jest element, który będzie sprawdzany pod kątem tego, czy znajduje się wewnątrz elementu, do którego zastosowano metodę.

Składnia

javascriptrodzic.contains(element);

Przykład

Sprawdźmy, czy akapit #child znajduje się w bloku #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);

Wynik wykonania kodu:

javascripttrue

Przykład

A teraz w rodzicu nie ma przekazanego elementu i dlatego metoda zwraca 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);

Wynik wykonania kodu:

javascriptfalse

Przykład

Można przekazać ten sam element, na którym metoda została wywołana, w tym przypadku metoda również zwróci true:

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

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

console.log(contains);

Wynik wykonania kodu:

javascripttrue

Zobacz też