Atributo length de HTMLCollection

Definición y uso

length El atributo devuelve la cantidad de elementos en HTMLCollection.

Esta propiedad es de solo lectura.

Este elemento es útil cuando deseas recorrer una HTMLCollection.

Ejemplo

Ejemplo 1

Encuentra cuántos elementos P hay en el documento:

function myFunction() {
  var l = document.getElementsByTagName("P").length;
  alert(l);
}

Prueba por tu cuenta

Ejemplo 2

Recorre todos los elementos con class="myclass" y cambia su color de fondo:

var x = document.getElementsByClassName("myclass");
for (i = 0; i < x.length; i++) {
  x[i].style.backgroundColor = "red";
}

Prueba por tu cuenta

Sintaxis

HTMLCollection.length

Valor devuelto

Número, que representa la cantidad de elementos en HTMLCollection.

Compatibilidad del navegador

Atributo Chrome IE Firefox Safari Opera
length Soporte Soporte Soporte Soporte Soporte

Páginas relacionadas

HTMLCollection：Método item()

Elementos HTML:Método getElementsByClassName()

Elementos HTML:Método getElementsByTagName()