Свойство children хранит в себе псевдомассив дочерних элементов. Дочерними элементами считаются все теги, которые непосредственно расположены внутри блока.

См. также похожее свойство childNodes, которое кроме элементов содержит текстовые узлы, комментарии и другие типы узлов.

Синтаксис

элемент.children

Примеры

Пример

Давайте выведем содержимое первого и второго потомка блока-родителя #parent:

<div id="parent">
	<p>Абзац 1</p>
	<p>Абзац 2</p>
</div>
var parent = document.getElementById('parent');

document.write(parent.children[0].innerHTML);document.write(parent.children[1].innerHTML);

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

Абзац 1
Абзац 2

Пример

А теперь всех потомков переберем в цикле и выведем их содержимое:

<div id="parent">
	<p>Абзац 1</p>
	<p>Абзац 2</p>
	<p>Абзац 3</p>
	<p>Абзац 4</p>
	<p>Абзац 5</p>
</div>
var parent = document.getElementById('parent');
var elems = parent.children;

for (var i = 0; i < elems.length; i++) {
	document.write(elems[i] + '<br>');
}

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

Абзац 1
Абзац 2
Абзац 3
Абзац 4
Абзац 5