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

Если у элемента нет дочерних элементов - возвращается null.

См. также свойство firstElementChild, которое содержит первого потомка элемента.

См. также свойство children, которое содержит всех потомков элемента.

См. похожее свойство lastChild, которое также содержит последнего потомка, но включая комментарии и текст.

Синтаксис

элемент.lastElementChildChild

Примеры

Пример

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

<div id="parent">
	<p>Первый элемент</p>
	<p>Второй элемент</p>
</div>
var parent = document.getElementById('parent');
document.write(parent.lastElementChildChild.innerHTML);

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

Второй элемент

Пример

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

<div id="parent"></div>
var parent = document.getElementById('parent');
document.write(parent.lastElementChildChild);

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

null