Metóda contains
Metóda contains umožňuje skontrolovať,
či jeden element obsahuje vo svojom vnútri iný.
Parametrom metódy sa odovzdáva element, ktorý
bude kontrolovaný, či sa nachádza
vo vnútri elementu, na ktorý bola metóda aplikovaná.
Syntax
rodic.contains(element);
Príklad
Skontrolujeme, či sa odsek #child
nachádza 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ýsledok vykonania kódu:
true
Príklad
A teraz v rodičovi nie je odovzdaný element
a preto metóda vracia 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ýsledok vykonania kódu:
false
Príklad
Môžeme odovzdať ten istý element, na ktorom
bola metóda zavolaná, v tomto prípade metóda tiež
vráti true:
<div id="parent"></div>
let parent = document.querySelector('#parent');
let contains = parent.contains(parent);
console.log(contains);
Výsledok vykonania kódu:
true
