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

javascriptelement.nextElementSibling;

Voorbeeld

Gegee element #elem. Kom ons wys die teks van sy onderste buurman:

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

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

console.log(text);

Resultaat van kode-uitvoering:

javascript'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:

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

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

Resultaat van kode-uitvoering:

javascriptnull

Sien ook