Propiedad childElementCount del Elemento DOM HTML

Definición y uso

childElementCount La propiedad devuelve el número de elementos hijos del elemento.

childElementCount La propiedad devuelve el mismo valor que children.length.

childElementCount Es de solo lectura.

Nota: }}El valor devuelto es el número de elementos hijos, no el número de nodos hijos (como nodos de texto y comentarios).

Véase también:

Atributo children

Atributo firstElementChild

Atributo lastElementChild

Atributo nextElementSibling

Atributo previousElementSibling

Atributo tagName

Atributo childNodes

Nodo de HTML y elemento

En HTML DOMEn (Modelo de Objetos de Documento) HTML documento es una colección de nodos que tienen (o no tienen) nodos hijos.

NodoSe refiere a nodos de elemento, nodos de texto y comentarios.

ElementoLos espacios en blanco entre ellos también son nodos de texto.

Mientras que el elemento es solo un nodo de elemento.

Nodo hijo y elemento hijo

childNodes DevuelveNodo hijo(nodos de elemento, nodos de texto y comentarios).

children DevuelveElemento hijo(no nodos de texto y comentarios).

Hermano y elemento hermano

HermanoSon "hermano" y "hermana".

HermanoSon nodos que tienen el mismo nodo padre (en el mismo childNodes en la lista).

Elemento hermanoSon elementos que tienen el mismo padre (en el mismo children en la lista).

Ejemplo

Ejemplo 1

Número de elementos hijos del elemento <div>:

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

Prueba por ti mismo

Ejemplo 2

childElementCount devuelve el mismo valor que children.length:

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

Prueba por ti mismo

Sintaxis

element.childElementCount

Valor devuelto

Tipo Descripción
Número Número de elementos hijos del elemento.

Compatibilidad del navegador

element.childElementCount Es una característica de DOM Level 3 (2004).

Todos los navegadores lo soportan completamente:

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