Свойство lastElementChild - получение последнего дочернего элемента на JavaScript
Свойство 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,
которое содержит последний узел