De methode contains
De methode contains maakt het mogelijk om te controleren,
of het ene element een ander element bevat.
Als parameter van de methode wordt het element doorgegeven dat
gecontroleerd wordt op het feit of het zich bevindt
in het element waarop de methode is toegepast.
Syntaxis
ouder.contains(element);
Voorbeeld
Laten we controleren of de alinea #child
zich in het blok #parent bevindt:
<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);
Resultaat van de code-uitvoering:
true
Voorbeeld
En nu bevindt het doorgegeven element zich niet in de ouder
en daarom retourneert de methode 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);
Resultaat van de code-uitvoering:
false
Voorbeeld
Je kunt hetzelfde element doorgeven waarop
de methode werd aangeroepen, in dit geval zal de methode ook
true retourneren:
<div id="parent"></div>
let parent = document.querySelector('#parent');
let contains = parent.contains(parent);
console.log(contains);
Resultaat van de code-uitvoering:
true
