Eienskap nextElementSibling
Die eienskap nextElementSibling bevat
die volgende element wat in dieselfde
ouer geleë is. Indien daar nie so 'n element is nie, word
null teruggegee.
Sintaksis
element.nextElementSibling;
Voorbeeld
Gegee element #elem. Kom ons wys die
teks van sy onderste buurman:
<p id="elem">elem</p>
<p>sibling</p>
let elem = document.querySelector('#elem');
let text = elem.nextElementSibling.textContent;
console.log(text);
Resultaat van kode-uitvoering:
'sibling'
Voorbeeld
Indien daar geen onderste buurman is nie, of dit is nie
in die ouer van ons element geleë nie, word ook
null teruggegee:
<div>
<p id="elem">elem</p>
</div>
<p>sibling</p>
let elem = document.querySelector('#elem');
console.log(elem.nextElementSibling);
Resultaat van kode-uitvoering:
null
Sien ook
-
die eienskap
previousElementSibling,
wat die vorige element bevat
