# Свойство lastElementChild

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

## Синтаксис

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

## Пример

Получим содержимое последнего потомка элемента:

`<div id="parent"> <p>1</p> <p>2</p> </div>` `let parent = document.querySelector('#parent'); let text = parent.lastElementChild.textContent; console.log(text);`

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

`'2'`

## Пример

А теперь у элемента нет дочерних элементов и поэтому выведется `null`:

`<div id="parent"></div>` `let parent = document.querySelector('#parent'); console.log(parent.lastElementChild);`

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

`null`

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

- свойство `firstElementChild`,
  которое содержит первый элемент
- свойство `children`,
  которое содержит всех потомков элемента
- свойство `lastChild`,
  которое содержит последний узел

← →
↑
en ru