Metoden contains
Metoden contains giver mulighed for at kontrollere,
om et element indeholder et andet inden i sig.
Parameteren for metoden er det element, der
bliver kontrolleret for, om det befinder sig
inden i det element, som metoden blev anvendt på.
Syntaks
forælder.contains(element);
Eksempel
Lad os kontrollere, om afsnittet #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);
Resultatet af kodeudførelsen:
true
Eksempel
Og nu er det element, der blev sendt, ikke i forælderen,
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);
Resultatet af kodeudførelsen:
false
Eksempel
Man kan sende det samme element, som metoden
blev kaldt på, i dette tilfælde vil metoden også
returnere true:
<div id="parent"></div>
let parent = document.querySelector('#parent');
let contains = parent.contains(parent);
console.log(contains);
Resultatet af kodeudførelsen:
true
