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
szülő.contains(elem);
Példa
Ellenőrizzük, hogy a #child bekezdés
a #parent blokkban van-e:
<div id="parent">
<p id="child"></p>
</div>
let 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:
true
Példa
Most pedig a szülő nem tartalmazza az átadott elemet,
ezért a metódus false értéket ad vissza:
<div id="parent"></div>
<p id="child"></p>
let 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:
false
Példa
Átadhatjuk ugyanazt az elemet, amelyen
a metódust meghívtuk, ebben az esetben a metódus
true értéket fog visszaadni:
<div id="parent"></div>
let parent = document.querySelector('#parent');
let contains = parent.contains(parent);
console.log(contains);
A kód végrehajtásának eredménye:
true