Объекты JavaScript

Справочник по JavaScript

nextElementSiblingАтрибут возвращает только следующий после элемента узел兄弟元素 (не включая узлы текста и комментарии);

Если нет следующего элемента на том же уровне, то этот атрибут возвращаетnull.

ИспользованиеpreviousElementSiblingАтрибут возвращает предыдущий элемент указанного элемента.

ИспользованиеchildrenАтрибут возвращает любые подэлементы указанного элемента.

element.nextElementSibling

Пример

var x = document.querySelector("#div-1").nextElementSibling.innerHTML;

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает атрибут nextElementSibling:

свойство
nextElementSibling	2	3.5	10	4	9

Возврат значения:	Объект Node, представляющий следующий по порядку элемент; если нет следующего по порядку элемента, тоnull
Версия DOM:	Уровень DOM 3

Изменить HTML-содержимое следующего по уровню элемента первого DIV:

Пример

var div = document.querySelector("#div-1")
div.nextElementSibling.innerHTML = "HELLO WORLD";

Изменить цвет фона следующего по порядку элемента первого DIV:

Пример

var div = document.querySelector("#div-1")
div.nextElementSibling.style.backgroundColor = "coral";

Референтное руководство HTML DOMсвойство children

Референтное руководство HTML DOMсвойство previousElementSibling