Свойство childNodes хранит в себе псевдомассив непосредственных потомков элементов (включая комментарии и текстовые узлы).

См. также похожее свойство children, которое содержит только элементы

Синтаксис

элемент.childNodes

Примеры

Пример

Узнаем сколько потомков у элемента с id, равным 'parent' (включая комментарии, текстовые и прочие узлы):

<div id="parent">
	<p>Абзац</p>
	<!-- Коментарий -->
</div>
var parent = document.getElementById('parent');
document.write(parent.childNodes.length);

Результат выполнения кода:

5

Пример

Свойство childNodes содержит всех потомков, в том числе и комментарии и текстовые узлы (текст, и отступы между тегами). Поэтому в предыдущем примере у элемента получилось 5 потомков.

Вот что произойдет, если убрать все отступы:

<div id="parent"><p>Абзац</p><!-- Коментарий --></div>
var parent = document.getElementById('parent');
console.log(parent.childNodes.length);

Результат выполнения кода:

2