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
elternteil.contains(element);
Beispiel
Prüfen wir, ob der Absatz #child
sich im Block #parent befindet:
<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);
Ergebnis der Codeausführung:
true
Beispiel
Jetzt ist das übergebene Element nicht im Elternelement enthalten
und daher gibt die Methode false zurück:
<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);
Ergebnis der Codeausführung:
false
Beispiel
Man kann dasselbe Element, auf dem
die Methode aufgerufen wurde, übergeben, in diesem Fall gibt die Methode ebenfalls
true zurück:
<div id="parent"></div>
let parent = document.querySelector('#parent');
let contains = parent.contains(parent);
console.log(contains);
Ergebnis der Codeausführung:
true
