Metoden contains
Metoden contains lar deg sjekke,
om ett element inneholder et annet inni seg.
Parameteren til metoden er elementet som
vil bli sjekket for om det befinner seg
inni elementet som metoden ble brukt på.
Syntaks
forelder.contains(element);
Eksempel
La oss sjekke om avsnittet #child
er i blokken #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);
Resultat av kjøring av kode:
true
Eksempel
Nå er det ikke noe overført element i forelderen
og derfor returnerer metoden 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);
Resultat av kjøring av kode:
false
Eksempel
Du kan sende det samme elementet som
metoden ble kalt på, i dette tilfellet vil
metoden også returnere true:
<div id="parent"></div>
let parent = document.querySelector('#parent');
let contains = parent.contains(parent);
console.log(contains);
Resultat av kjøring av kode:
true
