Manual de referencia de DOM HTMLCollection

Objeto HTMLCollection

Los objetos HTMLCollection son listas de elementos HTML similares a arrays.

Métodos como getElementsByTagName() devuelven colecciones HTMLCollection.

Atributos y métodos

Se pueden usar los siguientes atributos y métodos en el objeto HTMLCollection:

Atributo / Método Descripción
item() Devuelve el elemento en la posición especificada de la colección HTMLCollection.
length Devuelve el número de elementos en la colección HTMLCollection.
namedItem() Devuelve los elementos con ID o nombre especificado en la colección HTMLCollection.

Ejemplo

Ejemplo

Obtener la colección HTMLCollection:

var x = document.getElementsByTagName("P");
// Devuelve la colección de todos los elementos P en el documento

Prueba por tu cuenta

Ejemplo

Mostrar la cantidad de elementos <p> en el documento:

var x = document.getElementsByTagName("P");
document.write(x.length);

Prueba por tu cuenta

Ejemplo

Recorrer cada elemento en la colección HTMLCollection:

x = document.getElementsByTagName("*");
l = x.length;
for (i = 0; i < l; i++) {
  document.write(x[i].tagName + "<br>");
}

Prueba por tu cuenta