A contains metódus

A contains metódus lehetővé teszi annak ellenőrzését, hogy egy elem tartalmaz-e magában egy másik elemet. A metódus paramétere az az elem, amelyet annak ellenőrzésére használunk, hogy benne van-e abban az elemben, amelyre a metódust alkalmazzuk.

Szintaxis

javascriptszülő.contains(elem);

Példa

Ellenőrizzük, hogy a #child bekezdés a #parent blokkban van-e:

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);

A kód végrehajtásának eredménye:

javascripttrue

Példa

Most pedig a szülő nem tartalmazza az átadott elemet, ezért a metódus false értéket ad vissza:

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);

A kód végrehajtásának eredménye:

javascriptfalse

Példa

Átadhatjuk ugyanazt az elemet, amelyen a metódust meghívtuk, ebben az esetben a metódus true értéket fog visszaadni:

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

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

console.log(contains);

A kód végrehajtásának eredménye:

javascripttrue

Lásd még