Metoda contains
Metoda contains umožňuje zkontrolovat,
zda jeden prvek obsahuje uvnitř sebe jiný.
Parametrem metody se předává prvek, který
bude kontrolován, zda se nachází
uvnitř prvku, na který byla metoda aplikována.
Syntaxe
rodič.contains(prvek);
Příklad
Zkontrolujme, zda je odstavec #child
v 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);
Výsledek provedení kódu:
true
Příklad
Nyní rodič nemá předaný prvek
a proto metoda vrací 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);
Výsledek provedení kódu:
false
Příklad
Lze předat stejný prvek, na kterém
byla metoda volána, v tomto případě metoda také
vrátí true:
<div id="parent"></div>
let parent = document.querySelector('#parent');
let contains = parent.contains(parent);
console.log(contains);
Výsledek provedení kódu:
true
