Metode contains

Metode contains ļauj pārbaudīt, vai viens elements sevī iekļauj citu. Metodes parametrā tiek padots elements, kurš tiks pārbaudīts, vai tas atrodas elementa iekšpusē, kuram tika piemērota metode.

Sintakse

javascriptvecāks.contains(elements);

Piemērs

Pārbaudīsim, vai rindkopa #child atrodas blokā #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);

Koda izpildes rezultāts:

javascripttrue

Piemērs

Bet šoreiz vecākā nav padotā elementa un tāpēc metode atgriež 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);

Koda izpildes rezultāts:

javascriptfalse

Piemērs

Var padot to pašu elementu, uz kura metode tika izsaukta, šajā gadījumā metode arī atgriezīs true:

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

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

console.log(contains);

Koda izpildes rezultāts:

javascripttrue

Skatiet arī