Свойство childElementCount объекта HTML DOM Element

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

childElementCount Свойство возвращает количество подэлементов элемента.

childElementCount Свойство возвращает значение, равное children.length.

childElementCount Только для чтения.

Комментарий:Возвратное значение является количеством подэлементов, а не количеством подузлов (например, узлов текста и комментариев).

См. также:

Атрибут children

Атрибут firstElementChild

Атрибут lastElementChild

Атрибут nextElementSibling

Атрибут previousElementSibling

Атрибут tagName

Атрибут childNodes

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

В HTML DOM(Документ Объектной Модели) В HTML документ это набор узлов (или без них), имеющих (или не имеющих) подузлы.

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

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

А элементы это только узлы элементов.

Узлы и подэлементы

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

children ВозвращаетПодэлементы(а не узлы текста и комментариев).

Кузены и элементные кузены

КузеныЭто "брат" и "сестра".

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

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

Пример

Пример 1

Количество подэлементов элемента <div>:

let numb = document.getElementById("myDIV").childElementCount;

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

Пример 2

childElementCount возвращает значение, равное children.length:

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

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

Синтаксис

element.childElementCount

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

Тип Описание
Число Количество подэлементов элемента.

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

element.childElementCount Это функция DOM Level 3 (2004).

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

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Поддержка 9-11 Поддержка Поддержка Поддержка Поддержка