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
element.nextElementSibling;
Voorbeeld
Gegeven element #elem. Laten we de
tekst van zijn onderbuur weergeven:
<p id="elem">elem</p>
<p>sibling</p>
let elem = document.querySelector('#elem');
let text = elem.nextElementSibling.textContent;
console.log(text);
Resultaat van het uitvoeren van de code:
'sibling'
Voorbeeld
Als er geen onderbuur is of deze zich niet
in de ouder van ons element bevindt, wordt ook
null geretourneerd:
<div>
<p id="elem">elem</p>
</div>
<p>sibling</p>
let elem = document.querySelector('#elem');
console.log(elem.nextElementSibling);
Resultaat van het uitvoeren van de code:
null
Zie ook
-
de eigenschap
previousElementSibling,
die het vorige element bevat
