# Свойство nextElementSibling

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

## Синтаксис

`элемент.nextElementSibling;`

## Пример

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

`<p id="elem">elem</p> <p>sibling</p>` `let elem = document.querySelector('#elem'); let text = elem.nextElementSibling.textContent; console.log(text);`

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

`'sibling'`

## Пример

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

`<div> <p id="elem">elem</p> </div> <p>sibling</p>` `let elem = document.querySelector('#elem'); console.log(elem.nextElementSibling);`

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

`null`

## Смотрите также

- свойство `previousElementSibling`,
  которое содержит предыдущий элемент

← →
↑
en ru