Egenskaben nextElementSibling

Egenskaben nextElementSibling indeholder det følgende element, som befinder sig i den samme parent. Hvis sådant et element ikke findes - returneres null.

Syntaks

javascriptelement.nextElementSibling;

Eksempel

Givet elementet #elem. Lad os udskrive teksten fra dets næste søskendeelement:

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

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

console.log(text);

Resultatet af kodeudførelsen:

javascript'sibling'

Eksempel

Hvis der ikke er noget næste søskendeelement, eller hvis det er placeret i en anden parent end vores element, returneres null:

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

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

Resultatet af kodeudførelsen:

javascriptnull

Se også