Свойство nextElementSibling в JavaScript

Свойство nextElementSibling содержит следующий элемент, находящийся в этом же родителе. Если такого элемента нет - возвращается null.

Синтаксис

элемент.nextElementSibling

Пример

Дан элемент #elem. Давайте выведем текст его соседа снизу:

<p id="elem">elem</p>
<p>sibling</p>
let elem = document.querySelector('#elem');
let text = elem.nextElementSibling.innerHTML;
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