Свойство previousElementSibling - получение соседа сверху на JavaScript

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

Синтаксис

элемент.previousElementSibling;

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

<p>sibling</p>
<p id="elem">elem</p>

let elem = document.querySelector('#elem');
let text = elem.previousElementSibling.textContent;

console.log(text);

Результат выполнения кода:

'sibling'

Если соседа сверху нет или он расположен не в родителе нашего элемента, также возвращается null:

<p>sibling</p>
<div>
	<p id="elem">elem</p>
</div>

let elem = document.querySelector('#elem');
console.log(elem.previousElementSibling);

Результат выполнения кода:

null

свойство nextElementSibling,
которое содержит соседа снизу (следующий элемент)