Свойство childNodes
Пример
Получите коллекцию дочерних узлов элемента <body>:
var c =
document.body.childNodes;
Попробуйте сами »
Дополнительные примеры "Попробуй сам" приведены ниже.
Определение и использование
Свойство childNodes возвращает коллекцию дочерних узлов узла в виде объекта NodeList.
Узлы в коллекции сортируются по мере их появления в исходном коде, и к ним можно получить доступ по индексным номерам. Индекс начинается с 0.
Примечание: Пробелы внутри элементов рассматриваются как текст, а текст рассматривается как узлы. Комментарии также рассматриваются как узлы.
Совет: Вы можете использовать свойствоlength объекта NodeList для определения количества дочерних узлов, затем вы можете перебирать все дочерние узлы и извлекать нужную информацию.
Это свойство доступно только для чтения.
Совет: Чтобы вернуть коллекцию узлов элементов узла (исключая текстовые узлы и узлы комментариев), используйте свойство children.
Совет: элемент .childNodes[0] дадут тот же результат, что и свойство firstChild.
Поддержка браузера
Свойство | |||||
---|---|---|---|---|---|
childNodes | Да | Да | Да | Да | Да |
Синтаксис
element.childNodes
Технические детали
Возвращает значение | Объект NodeList, представляющий коллекцию узлов. Узлы в возвращаемой коллекции сортируются так, как они отображаются в исходном коде |
---|---|
DOM Версия | Базовый уровень 1 Объект элемента |
Ещё примеры
Пример
Узнайте, сколько дочерних узлов имеет элемент <div>:
var c =
document.getElementById("myDIV").childNodes.length;
Попробуйте сами »
Пример
Измените цвет фона второго дочернего узла (индекс 1) элемента <div>:
var c = document.getElementById("myDIV").childNodes;
c[1].style.backgroundColor = "yellow";
Попробуйте сами »
Пример
Получить текст третьего дочернего узла (индекс 2) элемента <select>:
var c = document.getElementById("mySelect").childNodes[2].text;
Попробуйте сами »
Связанные страницы
HTML DOM Справочник: node.firstChild Свойство
HTML DOM Справочник: node.lastChild Свойство
HTML DOM Справочник: node.parentNode Свойство
HTML DOM Справочник: node.nextSibling Свойство
HTML DOM Справочник: node.previousSibling Свойство
HTML DOM Справочник: node.nodeName Свойство