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

javascriptouder.contains(element);

Voorbeeld

Laten we controleren of de alinea #child zich in het blok #parent bevindt:

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);

Resultaat van de code-uitvoering:

javascripttrue

Voorbeeld

En nu bevindt het doorgegeven element zich niet in de ouder en daarom retourneert de methode 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);

Resultaat van de code-uitvoering:

javascriptfalse

Voorbeeld

Je kunt hetzelfde element doorgeven waarop de methode werd aangeroepen, in dit geval zal de methode ook true retourneren:

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

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

console.log(contains);

Resultaat van de code-uitvoering:

javascripttrue

Zie ook