HTML DOM Element lastChild property

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

lastChild пroperty возвращает последний подузел указанного узла в виде объекта Node.

lastChild пroperty является только для чтения.

Внимание

lastChild Возвращает эти подузлы: узлы элементов, текстовые узлы или комментариевые узлы.

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

Альтернатива:

пroperty lastElementChild - lastElementChild пroperty возвращает последний подэлемент (пропуская текстовые и комментариевые узлы).

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

пroperty childNodes

пroperty firstChild

пroperty nextSibling

пroperty previousSibling

узловые свойства

пroperty parentNode

пroperty nodeName

пroperty nodeType

пroperty nodeValue

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

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

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

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

Элементы — это только узлы элементов.

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

childNodes ВозвратДочерние узлы（узлы элементов, текстовые узлы и комментариевые узлы）。

children ВозвратДочерние элементы（вместо текстовых и комментариевых узлов）。

firstChild и firstElementChild

firstChild Возврат первогоДочерние узлы（узел элемента, узел текста или комментарий). Пробелы между элементами также являются узлами текста.

firstElementChild Возврат первогоДочерние элементы（не возвращаются узлы текста и комментарии).

lastChild и lastElementChild

lastChild Возврат последнегоДочерние узлы（узел элемента, узел текста или комментарий). Пробелы между элементами также являются узлами текста.

lastElementChild Возврат последнегоДочерние элементы（не возвращаются узлы текста и комментарии).

Пример

Пример 1

Возврат HTML-контента последнего подузла элемента <ul>:

document.getElementById("myList").lastChild.innerHTML;

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

Пример 2

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

let text = document.getElementById("mySelect").lastChild.text;

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

Пример 3

Этот пример демонстрирует помеху пробелов, попробуйте получить имя узла последнего подузла "myDIV":

<div id="myDIV">
  <p>Looks like first child</p>
  <p>Looks like last Child</p>
</div>
<script>
let text = document.getElementById("myDIV").lastChild.nodeName;
</script>

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

Пример 4

Но если вы удалите пробелы из источника, в "myDIV" нет узла #text:

<div id="myDIV"><p>First child</p><p>Last Child</p></div>
<script>
let text = document.getElementById("myDIV").lastChild.nodeName;
</script>

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

Грамматика

element.lastChild

или

node.lastChild

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

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

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

element.lastChild Это функция DOM Level 1 (1998).

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

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