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