Объект JavaScript

Справочник JavaScript

previousElementSiblingЧтение только атрибут в той же иерархии, возвращает предыдущий элемент.

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

ИспользованиеnextElementSiblingАтрибут возвращает следующий элемент.

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

element.previousElementSibling

Пример

var x = document.querySelector("#div-2").previousElementSibling.innerHTML;

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

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

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

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

Пример

var div = document.querySelector("#div-2")
div.previousElementSibling.innerHTML = "HELLO WORLD";

Изменить цвет фона предыдущего элемента sibling второго DIV-элемента:

Пример

var div = document.querySelector("#div-2")
div.previousElementSibling.style.backgroundColor = "coral";

Референс по HTML DOM:свойство children