Свойство nextElementSibling

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

Синтаксис

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

Вижте също