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якщо дитини немає.


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


firstChild

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

firstChild