Атрибут childNodes элемента HTML DOM

  • Предыдущая страница
  • Следующая страница
  • Вернуться на один уровень выше Объект Elements DOM HTML

Определение и использование

childNodes Атрибут возвращает набор элементов дочерних узлов (список).

childNodes Атрибут возвращает объект NodeList.

childNodes Атрибут является только для чтения.

childNodes[0] Тоже, что и firstChild.

Подсказка

childNodes Возвращает узел: элементный узел, текстовый узел и комментарий.

Пробелы между элементами также являются текстовыми узлами.

Альтернатива:

Атрибут children - children Атрибут возвращает дочерние элементы (игнорируя текст и комментарии).

Дополнительная информация:

Атрибут firstChild

Атрибут lastChild

Атрибут nextSibling

Атрибут previousSibling

Метод hasChildNodes()

Атрибуты узлов

Атрибут parentNode

Атрибут nodeName

property nodeType

пroperty nodeValue

Узлы HTML и элементы

В HTML DOM(Document Object Model) в HTML-документе является集合ом узлов (или без них), имеющих (или не имеющих) подузлы.

УзелЭто означает элементные узлы, узлы текста и комментарии.

ЭлементПробельные символы между ними также являются узлами текста.

а элемент — это просто элементный узел.

Дочерний узел и дочерний элемент

childNodes ВозвратДочерний узел(элементные узлы, узлы текста и комментарии).

children ВозвратДочерний элемент(вместо узлов текста и комментариев).

Брат и сестра с элементами-братами и сестрами

Брат и сестраявляются "братом" и "сестрой".

Брат и сестраЭто узлы, имеющие одинакового родителя (в одном и том же childNodes в списке).

Брат и сестра элементовЭто элементы, имеющие одинакового родителя (в одном и том же children в списке).

Пример

Пример 1

Получите подэлементы элемента <body>:

const nodeList = document.body.childNodes;

Попробуйте сами

Пример 2

Получите количество подэлементов в "myDIV":

let numb = document.getElementById("myDIV").childNodes.length;

Попробуйте сами

Пример 3

Измените цвет фона второго подэлемента:

element.childNodes[1].style.backgroundColor = "yellow";

Попробуйте сами

Пример 4

Получите текст третьего подэлемента элемента <select>:

let text = document.getElementById("mySelect").childNodes[2].text;

Попробуйте сами

Синтаксис

element.childNodes

Возвратное значение

Тип Описание
Объект

Сборник NodeList объектов узлов.

Элементы сортируются по порядку их появления в документе.

Поддержка браузеров

element.childNodes Это функция DOM Level 1 (1998).

Все браузеры полностью поддерживают его:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Поддержка 9-11 Поддержка Поддержка Поддержка Поддержка
  • Предыдущая страница
  • Следующая страница
  • Вернуться на один уровень выше Объект Elements DOM HTML