Propriedade childElementCount do Elemento DOM HTML

Definição e uso

childElementCount A propriedade retorna o número de elementos filhos do elemento.

childElementCount A propriedade retorna o mesmo valor que children.length.

childElementCount É só de leitura.

Notas:O valor de retorno é o número de elementos filhos, não o número de nós filhos (como nós de texto e comentários).

Veja também:

atributo children

atributo firstElementChild

atributo lastElementChild

atributo nextElementSibling

atributo previousElementSibling

atributo tagName

atributo childNodes

nó HTML e elemento

em HTML DOMem (Document Object Model), o documento HTML é uma coleção de nós (ou não) que possuem (ou não) nós filhos.

nórefere-se a nós de elemento, nó de texto e nó de comentário.

elementoespaços em branco entre eles também são nós de texto.

enquanto o elemento é apenas nó de elemento.

nó filho e filho de elemento

childNodes retornanó filho(nós de elemento, nó de texto e nó de comentário).

children retornafilho de elemento)(não nós de texto e comentários).

irmão e irmão de elemento

irmãoé "irmão" e "irmã".

irmãoé o nó que possui o mesmo nó pai (no mesmo childNodes na lista).

irmão de elementoé o elemento que possui o mesmo pai elemento (no mesmo children na lista).

Exemplo

Exemplo 1

Número de elementos filhos do elemento <div>:

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

Experimente você mesmo

Exemplo 2

childElementCount retorna o mesmo valor que children.length:

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

Experimente você mesmo

Sintaxe

element.childElementCount

Retorno

Tipo Descrição
Número Número de elementos filhos do elemento.

Suporte do navegador

element.childElementCount é uma característica do DOM Level 3 (2004).

Todos os navegadores suportam completamente:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Suporte 9-11 Suporte Suporte Suporte Suporte