lastChild

Обновлено: 20.03.2023

Визначення та використання

Властивість lastChildповертає останній дочірній вузол вузла.

Властивість lastChildreturns повертає об’єкт вузла.

Властивість lastChildдоступна лише для читання.

Приклад

Повертає вміст HTML останнього дочірнього вузла елемента <ul>:

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

Отримати текст останнього дочірнього вузла елемента <select>:

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

Важливо!

lastChildповертає дочірній вузол списку : вузол елемента, текстовий вузол або вузол коментаря.

Пробіли між елементами також є текстовими вузлами.

Вузли проти елементів

У термінології HTML DOM:

Вузли — це всі вузли (вузли елементів, текстові вузли та вузли коментарів).

Пробіли між елементами також є текстовими вузлами.

Елементи є лише вузлами елементів.

childNodes проти дітей

childNodes повертає дочірні вузли (вузли елементів, текстові вузли та вузли коментарів).

children повертає дочірні елементи (не текст і вузли коментарів).

firstChild проти firstElementChild

firstChild повертає перший дочірній вузол (вузол елемента, текстовий вузол або вузол коментаря). Пробіли між елементами також є текстовими вузлами.

firstElementChild повертає перший дочірній елемент (не текст і вузли коментарів).

lastChild проти lastElementChild

lastChild повертає останній дочірній вузол (вузол елемента, текстовий вузол або вузол коментаря). Пробіли між елементами також є текстовими вузлами.

lastElementChild повертає останній дочірній елемент (не текст і вузли коментарів).

Синтаксис

element.lastChild

або

node.lastChild

Повернене значення

Типопис
ВузолОстанній дочірній елемент вузла.
nullякщо дитини немає.


Підтримка браузера

lastChild

Посмотреть совместимость на Can I use?

lastChild