Eigenschaft nextElementSibling
Die Eigenschaft nextElementSibling enthält
das nächste Element, das sich im selben
Elternelement befindet. Wenn es kein solches Element gibt, wird
null zurückgegeben.
Syntax
element.nextElementSibling;
Beispiel
Gegeben ist das Element #elem. Lassen Sie uns den
Text seines unteren Nachbarn ausgeben:
<p id="elem">elem</p>
<p>sibling</p>
let elem = document.querySelector('#elem');
let text = elem.nextElementSibling.textContent;
console.log(text);
Ergebnis der Codeausführung:
'sibling'
Beispiel
Wenn es keinen unteren Nachbarn gibt oder er sich nicht
im Elternelement unseres Elements befindet, wird ebenfalls
null zurückgegeben:
<div>
<p id="elem">elem</p>
</div>
<p>sibling</p>
let elem = document.querySelector('#elem');
console.log(elem.nextElementSibling);
Ergebnis der Codeausführung:
null
Siehe auch
-
die Eigenschaft
previousElementSibling,
die das vorherige Element enthält
