тк 3 июля праздник (в беларуси), буду не онлайн (по возможности буду отвечать)

Свойство lastElementChild

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

Синтаксис

элемент.lastElementChildChild

Пример

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

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

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

'2'

Пример

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

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

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

null

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

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