Свойство HTML DOM lastElementChild
Пример
Получите содержимое HTML последнего дочернего элемента элемента <ul>:
var x = document.getElementById("myList").lastElementChild.innerHTML;
Другие примеры «Попробуйте сами» ниже.
Определение и использование
Свойство lastElementChild возвращает последний дочерний элемент указанного элемента.
Разница между этим свойством и lastChild заключается в том, что lastChild возвращает последний дочерний узел как узел элемента, текстовый узел или узел комментария (в зависимости от того, какой из них последний), а lastElementChild возвращает последний дочерний узел как узел элемента (игнорирует текст). и узлы комментариев).
Это свойство доступно только для чтения.
Совет: Используйте свойство children , чтобы вернуть любой дочерний элемент указанного элемента.
Совет: Чтобы вернуть первый дочерний элемент указанного элемента, используйте свойство firstElementChild .
Поддержка браузера
Property | |||||
---|---|---|---|---|---|
lastElementChild | 2.0 | 9.0 | 3.5 | 4.0 | 10.0 |
Синтаксис
element.lastElementChild
Технические детали
Возвращаемое значение: | Объект Node, представляющий последний дочерний элемент элемента, или null , если дочерних элементов нет . |
---|---|
DOM-версия | Базовый уровень обхода элементов 3 |
Дополнительные примеры
Пример
Получите имя тега последнего дочернего элемента элемента <div>:
var x = document.getElementById("myDIV").lastElementChild.tagName;
document.getElementById("demo").innerHTML = x;
Пример
Получите текст последнего дочернего элемента элемента <select>:
var x = document.getElementById("mySelect").lastElementChild.text;