Svojstvo nextElementSibling

Svojstvo nextElementSibling sadrži sledeći element koji se nalazi u istom roditelju. Ako takav element ne postoji - vraća se null.

Sintaksa

javascriptelement.nextElementSibling;

Primer

Dat je element #elem. Hajde da ispišemo tekst njegovog suseda ispod:

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

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

console.log(text);

Rezultat izvršavanja koda:

javascript'sibling'

Primer

Ako sused ispod ne postoji ili nije lociran u roditelju našeg elementa, takođe se vraća null:

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

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

Rezultat izvršavanja koda:

javascriptnull

Pogledajte takođe