Die Methode contains

Die Methode contains ermöglicht es zu überprüfen, ob ein Element ein anderes in sich enthält. Als Parameter der Methode wird das Element übergeben, das auf seine Position innerhalb des Elements geprüft wird, auf das die Methode angewendet wurde.

Syntax

javascriptelternteil.contains(element);

Beispiel

Prüfen wir, ob der Absatz #child sich im Block #parent befindet:

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

Ergebnis der Codeausführung:

javascripttrue

Beispiel

Jetzt ist das übergebene Element nicht im Elternelement enthalten und daher gibt die Methode false zurück:

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

Ergebnis der Codeausführung:

javascriptfalse

Beispiel

Man kann dasselbe Element, auf dem die Methode aufgerufen wurde, übergeben, in diesem Fall gibt die Methode ebenfalls true zurück:

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

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

console.log(contains);

Ergebnis der Codeausführung:

javascripttrue

Siehe auch