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

javascriptelement.nextElementSibling;

Beispiel

Gegeben ist das Element #elem. Lassen Sie uns den Text seines unteren Nachbarn ausgeben:

html<p id="elem">elem</p>
<p>sibling</p>

javascriptlet elem = document.querySelector('#elem');
let text = elem.nextElementSibling.textContent;

console.log(text);

Ergebnis der Codeausführung:

javascript'sibling'

Beispiel

Wenn es keinen unteren Nachbarn gibt oder er sich nicht im Elternelement unseres Elements befindet, wird ebenfalls null zurückgegeben:

html<div>
  <p id="elem">elem</p>
</div>
<p>sibling</p>

javascriptlet elem = document.querySelector('#elem');
console.log(elem.nextElementSibling);

Ergebnis der Codeausführung:

javascriptnull

Siehe auch