Objeto HTMLCollection de JS DOM

Objeto HTMLCollection

El objeto HTMLCollection representa una colección genérica de elementos (un objeto similar a un array, similar a un parámetro) en orden de documento y proporciona métodos y propiedades para seleccionar de la lista.

La HTMLCollection en el HTML DOM es en tiempo real; cuando se cambia el documento base, se actualiza automáticamente.

Métodos como getElementsByTagName() devuelven HTMLCollection.

Propiedades y métodos de HTMLCollection

La siguiente tabla enumera las propiedades y métodos del objeto HTMLCollection：

Ejemplo

Este ejemplo devuelve una HTMLCollection：

//　Devuelve la colección de elementos de los documentos <p> de la colección.
var x = document.getElementsByTagName("p");

Cambiar el contenido HTML del primer elemento <p> de este documento:

var x = document.getElementsByTagName("p");
x.item(0).innerHTML = "HELLO WORLD";

Encontrar cuántos elementos <p> hay en el documento:

var len = document.getElementsByTagName("p").length;

Obtener el contenido del elemento <p> con ID "demo":

var x = document.getElementsByTagName("p").namedItem("demo");
document.getElementById("output").innerHTML = x.innerHTML;

También se puede usar un método abreviado, que producirá el mismo resultado:

var x = document.getElementsByTagName("p")["demo"];
document.getElementById("output").innerHTML = x.innerHTML;