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

javascriptrodic.contains(element);

Príklad

Skontrolujeme, či sa odsek #child nachádza 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ýsledok vykonania kódu:

javascripttrue

Príklad

A teraz v rodičovi nie je odovzdaný element a preto metóda vracia 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ýsledok vykonania kódu:

javascriptfalse

Príklad

Môžeme odovzdať ten istý element, na ktorom bola metóda zavolaná, v tomto prípade metóda tiež vráti true:

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

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

console.log(contains);

Výsledok vykonania kódu:

javascripttrue

Pozri tiež