Свойство nextElementSibling

Свойството nextElementSibling съдържа следващия елемент, намиращ се в същия родител. Ако няма такъв елемент - се връща null.

Синтаксис

елемент.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