Eigenschap nextElementSibling

De eigenschap nextElementSibling bevat het volgende element dat zich in dezelfde ouder bevindt. Als zo'n element niet bestaat, wordt null geretourneerd.

Syntaxis

javascriptelement.nextElementSibling;

Voorbeeld

Gegeven element #elem. Laten we de tekst van zijn onderbuur weergeven:

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

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

console.log(text);

Resultaat van het uitvoeren van de code:

javascript'sibling'

Voorbeeld

Als er geen onderbuur is of deze zich niet in de ouder van ons element bevindt, wordt ook null geretourneerd:

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

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

Resultaat van het uitvoeren van de code:

javascriptnull

Zie ook