Својство nextElementSibling

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

Синтакса

element.nextElementSibling;

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

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

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

console.log(text);

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

'sibling'

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

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

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

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

null