lastElementChild
Обновлено: 20.03.2023
Визначення та використання
Властивість lastElementChildповертає останній дочірній елемент елемента.
Властивість lastElementChildдоступна лише для читання.
Приклад
Отримати вміст HTML останнього дочірнього елемента <ul>:
const element = document.getElementById("myList")
let html = element.lastElementChild.innerHTML;Отримати назву тегу останнього дочірнього елемента <div>:
const element =document.getElementById("myDIV")
let tag = element.lastElementChild.tagName;Отримати текст останнього дочірнього елемента <select>:
const element = document.getElementById("mySelect")
let text = element.lastElementChild.text;Вузли проти елементів
У термінології HTML DOM:
Вузли — це всі вузли (вузли елементів, текстові вузли та вузли коментарів).
Пробіли між елементами також є текстовими вузлами.
Елементи є лише вузлами елементів.
childNodes проти дітей
childNodes повертає дочірні вузли (вузли елементів, текстові вузли та вузли коментарів).
children повертає дочірні елементи (не текст і вузли коментарів).
firstChild проти firstElementChild
firstChild повертає перший дочірній вузол (вузол елемента, текстовий вузол або вузол коментаря). Пробіли між елементами також є текстовими вузлами.
firstElementChild повертає перший дочірній елемент (не текст і вузли коментарів).
lastChild проти lastElementChild
lastChild повертає останній дочірній вузол (вузол елемента, текстовий вузол або вузол коментаря). Пробіли між елементами також є текстовими вузлами.
lastElementChild повертає останній дочірній елемент (не текст і вузли коментарів).
Синтаксис
element.lastElementChild
Повернене значення
| Тип | опис |
| Вузол | Останній дочірній елемент елемента.nullякщо дочірній елемент не існує. |