Propiedad length de NodeList del HTML DOM

Definición y uso

La propiedad length devuelve el número de nodos en NodeList.

La propiedad length es de solo lectura.

Ejemplo

Ejemplo 1

Obtener la cantidad de nodos hijos en el documento:

const nodeList = document.body.childNodes;
let number = nodeList.length;

Prueba por ti mismo

Ejemplo 2

Obtener los nodos hijos del elemento <body>:

const nodeList = document.body.childNodes;

Prueba por ti mismo

Ejemplo 3

Obtener el número de nodos hijos en "myDIV":

const element = document.getElementById("myDIV");
let numb = element.childNodes.length;

Prueba por ti mismo

Ejemplo 4

¿Cuántos elementos <p> hay en "myDIV":

const div = document.getElementById("myDIV");
const list = div.querySelectorAll("p");
let number = list.length;

Prueba por ti mismo

Ejemplo 5

Recorrer todos los elementos <p> dentro de "myDIV" y cambiar su tamaño de fuente:

const div = document.getElementById("myDIV");
const list = div.querySelectorAll("p");
for (let i = 0; i < list.length; i++) {
  list[i].style.fontSize = "red";
}

Prueba por ti mismo

Ejemplo 6

Recorrer todos los nodos hijos y recopilar el nombre de cada nodo:

const list = document.body.childNodes;
let text = "";
for (let i = 0; i < list.length; i++) {
  text += list[i].nodeName + "<br>";
}

Prueba por ti mismo

Sintaxis

nodelist.length

Valor de retorno

Tipo Descripción
Número Número de nodos en NodeList.

Compatibilidad del navegador

nodelist.length es una característica del nivel DOM 1 (1998).

Todos los navegadores modernos lo soportan:

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

Páginas relacionadas

Método entries()

Método forEach()

Método item()

Método keys()

Método values()

Objeto NodeList

Método childNodes()

Método querySelectorAll()

Método getElementsByName()