Metod contains

Metod contains omogućava proveru, da li jedan element sadrži unutar sebe drugi. Parametar metoda je element koji će se proveravati da li se nalazi unutar elementa na koji je metod primenjen.

Sintaksa

javascriptroditelj.contains(element);

Primer

Proverimo da li se pasus #child nalazi u 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);

Rezultat izvršavanja koda:

javascripttrue

Primer

A sada roditelj nema prosleđeni element i zato metod vraća 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);

Rezultat izvršavanja koda:

javascriptfalse

Primer

Može se proslediti isti element na kome je metod pozvan, u ovom slučaju metod će takođe vratiti true:

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

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

console.log(contains);

Rezultat izvršavanja koda:

javascripttrue

Pogledajte takođe