Свойство childNodes
Пример element.childNodes
Получите дочерние узлы элемента <body>:
const nodeList = document.body.childNodes;
Попробуйте сами »
Получить количество дочерних узлов в "myDIV":
let numb = document.getElementById("myDIV").childNodes.length;
Попробуйте сами »
Ещё примеры ниже.
Описание childNodes
Свойство childNodes возвращает коллекцию (список) дочерних узлов элементов.
Свойство childNodes возвращает объект NodeList.
Свойство childNodes доступно только для чтения.
childNodes[0] то же самое, что и firstChild.
Важно! childNodes
childNodes возвращает узлы: узлы элементов, текстовые узлы и узлы комментариев.
Пробелы между элементами также являются текстовыми узлами.
Альтернатива: childNodes
Свойство children возвращает элементы (игнорируя текст и комментарии).
Похожи на childNodes
Свойства Node
HTML Nodes и Elements
В HTML DOM (Document Object Model) HTML-документ представляет собой набор узлов с (или без) дочерними узлами.
Nodes — это узлы элементов, текстовые узлы и узлы комментариев.
Пробелы между элементами также являются текстовыми узлами.
Elements — это только узлы элементов.
childNodes и children
childNodes возвращает дочерние узлы (узлы элементов, текстовые узлы и узлы комментариев).
children возвращает дочерние элементы (не текстовые узлы и узлы комментариев).
Siblings и Element Siblings
Siblings — это «братья» и «сестры».
Siblings — это узлы с одним и тем же родителем (в одном и том же списке childNodes).
Element Siblings — это элементы с одним и тем же родителем (в одном и том же списке children).
Синтаксис childNodes
element.childNodes
Возвращаемое значение childNodes
| Тип | Описание |
|---|---|
| Object | Коллекция объектов NodeList узлов. Узлы сортируются по мере их появления в документе. |
Ещё примеры childNodes
Измените цвет фона второго дочернего узла:
element.childNodes[1].style.backgroundColor = "yellow";
Попробуйте сами »
Получить текст третьего дочернего узла элемента <select>:
let text = document.getElementById("mySelect").childNodes[2].text;
Попробуйте сами »
Поддержка браузера childNodes
element.childNodes является особенностью DOM уровня 1 (1998).
Он полностью поддерживается во всех браузерах:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Да | Да | Да | Да | Да | 9-11 |