Metoda contains

Metoda contains omogoča preveriti, ali en element vsebuje znotraj sebe drugega. Kot parameter metode se poda element, ki bo preverjan, ali se nahaja znotraj elementa, na katerega je bila metoda uporabljena.

Sintaksa

javascriptstarš.contains(element);

Primer

Preverimo, ali je odstavek #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);

Rezultat izvajanja kode:

javascripttrue

Primer

Zdaj starš nima podanega elementa in zato metoda vrne 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 izvajanja kode:

javascriptfalse

Primer

Lahko podate isti element, na katerem je bila metoda klicana, v tem primeru metoda tudi vrne true:

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

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

console.log(contains);

Rezultat izvajanja kode:

javascripttrue

Glejte tudi