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

javascriptvanhempi.contains(elementti);

Esimerkki

Tarkistetaan, onko kappale #child lohkossa #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);

Koodin suorituksen tulos:

javascripttrue

Esimerkki

Nyt vanhemmassa ei ole annettua elementtiä ja siksi metodi palauttaa 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);

Koodin suorituksen tulos:

javascriptfalse

Esimerkki

Voidaan antaa sama elementti, jolla metodia kutsuttiin, tässä tapauksessa metodi myös palauttaa true:

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

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

console.log(contains);

Koodin suorituksen tulos:

javascripttrue

Katso myös