пример
Получить содержимое HTML последнего дочернего элемента в <ul> элемента:
var x = document.getElementById("myList").lastElementChild.innerHTML;В результате х будет:
Tea Попробуй сам " Больше "Try it Yourself" примеры ниже.
Определение и использование
FirstElementChild свойство возвращает последний дочерний элемент указанного элемента.
Разница между этим свойством и LastChild , что LastChild возвращает последний дочерний узел в качестве узла элемента, текстового узла или комментарий узла (depending on which one's last) в (ignores text and comment nodes) (depending on which one's last) того, (depending on which one's last) , в то время как lastElementChild возвращает последний дочерний узел в качестве узла элемента (ignores text and comment nodes) .
Это свойство только для чтения.
Совет: Используйте ребенок свойство возвращать любой дочерний элемент заданного элемента.
Совет: Для того, чтобы вернуть первый дочерний элемент заданного элемента, используйте firstElementChild свойства.
Поддержка браузеров
| Имущество | |||||
|---|---|---|---|---|---|
| lastElementChild | 2,0 | 9,0 | 3,5 | 4,0 | 10,0 |
Синтаксис
element .lastElementChildТехнические подробности
| Возвращаемое значение: | Объект Узел, представляющий последний дочерний элемент элемента, или нуль , если нет дочерних элементов |
|---|---|
| DOM Version | Базовый уровень 3 Элемент Traversal |
Еще примеры
пример
Получить имя тега последнего дочернего элемента <div> элемент:
var x = document.getElementById( "myDIV" ).lastElementChild.tagName;
document.getElementById("demo").innerHTML = x;В результате х будет:
SPAN Попробуй сам " пример
Получить текст последнего дочернего элемента <select> элемента:
var x = document.getElementById("mySelect").lastElementChild.text;В результате х будет:
Volvo Попробуй сам "