contains-metodi
contains-metodi mahdollistaa sen tarkistamisen,
sisältääkö yksi elementti toisen sisällään.
Metodin parametrina välitetään elementti, jota
tarkastellaan siitä, että se sijaitsee
elementin sisällä, johon metodia sovellettiin.
Syntaksi
vanhempi.contains(elementti);
Esimerkki
Tarkistetaan, onko kappale #child
lohkossa #parent:
<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);
Koodin suorituksen tulos:
true
Esimerkki
Nyt vanhemmassa ei ole annettua elementtiä
ja siksi metodi palauttaa false:
<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);
Koodin suorituksen tulos:
false
Esimerkki
Voidaan antaa sama elementti, jolla
metodia kutsuttiin, tässä tapauksessa metodi myös
palauttaa true:
<div id="parent"></div>
let parent = document.querySelector('#parent');
let contains = parent.contains(parent);
console.log(contains);
Koodin suorituksen tulos:
true
