Свойство lastChild
Пример element.lastChild
Верните HTML-содержимое последнего дочернего узла элемента <ul>:
document.getElementById("myList").lastChild.innerHTML;
Попробуйте сами »
Получить текст последнего дочернего узла элемента <select>:
let text = document.getElementById("mySelect").lastChild.text;
Попробуйте сами »
Ещё примеры ниже.
Описание lastChild
Свойство lastChild возвращает последний дочерний узел узла.
Свойство lastChild возвращает объект узла.
Свойство lastChild доступно только для чтения.
Важно! lastChild
Свойство lastChild возвращает дочерний узел списка: узел элемента, текстовый узел или узел комментария.
Пробелы между элементами также являются текстовыми узлами.
Альтернатива: lastChild
Свойство lastElementChild возвращает последний дочерний элемент (игнорирует текстовые и комментирующие узлы).
Связные страницы lastChild
Свойства узла lastChild
Узлы или Элементы
В терминологии HTML DOM:
Nodes — это все узлы (узлы элементов, текстовые узлы и узлы комментариев).
Пробелы между элементами также являются текстовыми узлами.
Elements — это только узлы элементов.
childNodes или children
childNodes возвращает дочерние узлы (узлы элементов, текстовые узлы и узлы комментариев).
children возвращает дочерние элементы (не текстовые узлы и узлы комментариев).
firstChild или firstElementChild
firstChild возвращает первый дочерний узел (узел элемента, текстовый узел или узел комментария). Пробелы между элементами также являются текстовыми узлами.
firstElementChild возвращает первый дочерний элемент (не текстовые узлы и узлы комментариев).
lastChild или lastElementChild
lastChild возвращает последний дочерний узел (узел элемента, текстовый узел или узел комментария). Пробелы между элементами также являются текстовыми узлами.
lastElementChild возвращает последний дочерний элемент (не текстовые узлы и узлы комментариев).
Синтаксис lastChild
element.lastChild
или
node.lastChild
Возвращаемое значение lastChild
| Тип | Описание |
|---|---|
| Node | Последний дочерний элемент узла.nullесли ребенка нет. |
Ещё примеры lastChild
Этот пример демонстрирует, как пробелы могут взаимодействовать:
Попробуйте получить имя узла последнего дочернего узла "myDIV":
<div id="myDIV">
<p>Похоже на первого ребенка.</p>
<p>Похоже на последнего ребенка</p>
</div>
<script>
let text = document.getElementById("myDIV").lastChild.nodeName;
</script>
Попробуйте сами »
Однако, если удалить пробелы из источника, в "myDIV" не будет узлов #text:
<div id="myDIV"><p>Первый ребенок</p><p>Последний ребенок</p></div>
<script>
let text = document.getElementById("myDIV").lastChild.nodeName;
</script>
Попробуйте сами »
Поддержка lastChild
element.lastChild является особенностью DOM уровня 1 (1998).
Он полностью поддерживается во всех браузерах:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Да | Да | Да | Да | Да | 9-11 |