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
rodzic.contains(element);
Przykład
Sprawdźmy, czy akapit #child
znajduje się w bloku #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);
Wynik wykonania kodu:
true
Przykład
A teraz w rodzicu nie ma przekazanego elementu
i dlatego metoda zwraca 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);
Wynik wykonania kodu:
false
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:
<div id="parent"></div>
let parent = document.querySelector('#parent');
let contains = parent.contains(parent);
console.log(contains);
Wynik wykonania kodu:
true
