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