Својство 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