Атрибут lastChild HTML DOM

Объект Element HTML DOM

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

Если указанный узел не имеет подузлов, этот метод возвращаетПустоЗначение.

Пробелы внутри элемента считаются текстом, а текст — узлом. Комментарии также считаются узлами.

Чтобы избежать проблем с возвратом #text или #comment узлов в lastChild, можно использоватьlastElementChildВозвращает только последний элементный узел.

Чтобы вернуть первый подузел указанного узла, используйтеfirstChildАтрибут.

Грамматика:

node.lastChild

<div>
　　　<p>Это первый P в DIV</p>
　　　<p>Это第二个 P в DIV</p>
　　　<p>Это третий P в DIV</p>
</div>
<script>
var x = document.querySelector("div").lastChild.nodeName;
document.getElementById("result").innerHTML = x;
</script>

Но, если мы удалим пробел после последнего P элемента, значение будет значком P, а не #text:

<div>
　　　<p>Это первый P в DIV</p>
　　　<p>Это第二个 P в DIV</p>
　　　<p>Это 3-й P внутри DIV</p></div>
<script>
var x = document.querySelector("div").lastChild.nodeName;
document.getElementById("result").innerHTML = x;
</script>

Совместимость с браузерами

lastChild свойство полностью поддерживается всеми браузерами:

Технические детали

Связанные справочные материалы

Справочник по HTML DOM:node Атрибут .firstChild

Справочник по HTML DOM:node Атрибут .childNodes

Справочник по HTML DOM:node Атрибут .parentNode

Справочник по HTML DOM:node Атрибут .nextSibling

Справочник по HTML DOM:node Атрибут .previousSibling

Справочник по HTML DOM:node Атрибут .nodeName

Объект Element HTML DOM