# Свойство previousElementSibling

Свойство `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`,
  которое содержит соседа снизу (следующий элемент)

←→
↑
en ru