childNodes
Обновлено: 16.03.2023
Визначення та використання
Властивість childNodesповертає колекцію (список) дочірніх вузлів елемента.
Властивість childNodesповертає об’єкт NodeList .
Властивість childNodesдоступна лише для читання.
childNodes[0]те саме, що firstChild.
Приклад
Отримайте дочірні вузли елемента <body>:
const nodeList = document.body.childNodes;Отримайте кількість дочірніх вузлів у "myDIV":
let numb = document.getElementById("myDIV").childNodes.length;Важливо!
childNodesповертає вузли : вузли елементів, текстові вузли та вузли коментарів.
Пробіли між елементами також є текстовими вузлами.
Вузли HTML проти елементів
У HTML DOM (Document Object Model) документ HTML — це набір вузлів із дочірніми вузлами (або без них).
Вузли — це вузли елементів, текстові вузли та вузли коментарів.
Пробіли між елементами також є текстовими вузлами.
Елементи є лише вузлами елементів.
childNodes проти дітей
childNodes повертає дочірні вузли (вузли елементів, текстові вузли та вузли коментарів).
children повертає дочірні елементи (не текст і вузли коментарів).
Брати і сестри проти братів і сестер елемента
Брати і сестри - це «брати» і «сестри».
Брати й сестри — це вузли з одним і тим же батьківським вузлом (в одному списку дочірніх вузлів ).
Брати та сестри елементів — це елементи з тим самим батьківським елементом (у тому самому списку дітей ).
Синтаксис
element.childNodes
Повернене значення
| Тип | опис |
| Об'єкт | Колекція вузлів об’єкта NodeList . Вузли сортуються так, як вони відображаються в документі. |