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

javascriptrodič.contains(prvek);

Příklad

Zkontrolujme, zda je odstavec #child v 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);

Výsledek provedení kódu:

javascripttrue

Příklad

Nyní rodič nemá předaný prvek a proto metoda vrací 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);

Výsledek provedení kódu:

javascriptfalse

Příklad

Lze předat stejný prvek, na kterém byla metoda volána, v tomto případě metoda také vrátí true:

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

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

console.log(contains);

Výsledek provedení kódu:

javascripttrue

Viz také