Lastnost nextElementSibling

Lastnost nextElementSibling vsebuje naslednji element, ki se nahaja v istem staršu. Če takega elementa ni - vrne null.

Sintaksa

javascriptelement.nextElementSibling;

Primer

Podan je element #elem. Izpišimo besedilo njegovega spodnjega soseda:

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

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

console.log(text);

Rezultat izvajanja kode:

javascript'sibling'

Primer

Če spodnjega soseda ni ali če se nahaja ne v staršu našega elementa, prav tako vrne null:

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

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

Rezultat izvajanja kode:

javascriptnull

Glejte tudi