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