Свойство HTML DOM Element lastElementChild

Определение и использование

lastElementChild Свойство возвращает последний подузел элемента.

lastElementChild Свойства являются только для чтения.

Дополнительная информация:

свойство children

свойство firstElementChild

свойство childElementCount

свойство tagName

свойство childNodes

HTML-узел и элемент

В HTML DOMВ (Документовая модель объектов) HTML-документ является набором узлов, у которых (или нет) подузлы.

УзелУказывает на элементные узлы, текстовые узлы и комментарии узлов.

ЭлементПробельные символы между ними также являются текстовыми узлами.

А элементы только элементные узлы.

Подузлы и подэлементы

childNodes ВозвращаетПодузлыЭлементы, текстовые узлы и комментарии узлов.).

children ВозвращаетПодэлементыА не текст и комментарии узлов.).

firstChild и firstElementChild

firstChild Возвращает первыйПодузлыЭлементы, текстовые узлы или комментарии узлов. Пробельные символы между элементами также являются текстовыми узлами.

firstElementChild Возвращает первыйПодэлементыНе возвращаются узлы текста и комментарии.

lastChild и lastElementChild

lastChild Возвращает последнийПодузлыЭлементы, текстовые узлы или комментарии узлов. Пробельные символы между элементами также являются текстовыми узлами.

lastElementChild Возвращает последнийПодэлементыНе возвращаются узлы текста и комментарии.

Пример

Пример 1

Получите HTML-контент последнего подэлемента элемента <ul>:

const element = document.getElementById("myList")
let html = element.lastElementChild.innerHTML;

Попробуйте сами

Пример 2

Получите имя тега последнего подэлемента элемента <div>:

const element =document.getElementById("myDIV")
let tag = element.lastElementChild.tagName;

Попробуйте сами

Пример 3

Получите текст последнего подэлемента элемента <select>:

const element = document.getElementById("mySelect")
let text = element.lastElementChild.text;

Попробуйте сами

Синтаксис

element.lastElementChild

Возвратное значение

Тип Описание
Узел Последний подэлемент элемента.
null Если нет детей.

Поддержка браузеров

element.lastElementChild Это функция DOM Level 3 (2004).

Все браузеры полностью поддерживают его:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Поддержка 9-11 Поддержка Поддержка Поддержка Поддержка