Својство nextElementSibling

Својство nextElementSibling садржи следећи елемент, који се налази у истом родитељском елементу. Ако такав елемент не постоји - враћа се null.

Синтакса

javascriptelement.nextElementSibling;

Пример

Дат је елемент #elem. Хајде да испишемо текст његовог суседног елемента испод:

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

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

console.log(text);

Резултат извршавања кода:

javascript'sibling'

Пример

Ако не постоји суседни елемент испод или ако се он не налази у истом родитељском елементу као наш елемент, такође се враћа null:

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

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

Резултат извршавања кода:

javascriptnull

Погледајте такође