Atributo length da HTMLCollection

Definição e uso

length Este atributo retorna a quantidade de elementos na HTMLCollection.

Esta propriedade é somente leitura.

Este elemento é útil quando você deseja percorrer uma HTMLCollection.

Exemplo

Exemplo 1

Encontrar quantos elementos P há no documento:

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

Experimente você mesmo

Exemplo 2

Percorrer todos os elementos com class="myclass" e alterar suas cores de fundo:

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

Experimente você mesmo

Sintaxe

HTMLCollection.length

Retorno

Número, que representa a quantidade de elementos na HTMLCollection.

Suporte do navegador

Atributo Chrome IE Firefox Safari Opera
length Suporte Suporte Suporte Suporte Suporte

Páginas relacionadas

HTMLCollection：Método item()

Elementos HTML:Método getElementsByClassName()

Elementos HTML:Método getElementsByTagName()