Свойство previousElementSibling в JavaScript
Свойство previousElementSibling
содержит предыдущий элемент, находящийся в этом же родителе. Если такого элемента нет - возвращается null
.
Синтаксис
элемент.previousElementSibling
Пример
Дан элемент #elem
. Давайте выведем текст его соседа сверху:
<p>sibling</p>
<p id="elem">elem</p>
let elem = document.querySelector('#elem');
let text = elem.previousElementSibling.innerHTML;
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