Objeto HTMLCollection XML DOM

Objeto HTMLCollection

HTMLCollection es una interfaz que representa una colección de elementos HTML, que proporciona métodos y propiedades para recorrer la lista.

HTMLCollection en HTML DOM es 'viva'; si el documento básico cambia, esos cambios se mostrarán inmediatamente a través de todos los objetos HTMLCollection.

Cada elemento siguiente (y sus propiedades especificadas) devuelve una HTMLCollection:

  • Document (images, applets, links, forms, anchors)
  • form (elements)
  • map (areas)
  • select (options)
  • table (rows, tBodies)
  • tableSection (rows)
  • row (cells)

Muchos atributos de la interfaz HTMLDocument son objetos HTMLCollection, lo que proporciona una manera conveniente de acceder a elementos del documento como formularios, imágenes y enlaces.form.elements y select.options son también objetos HTMLCollection. HTMLCollection también proporciona la capacidad de recorrer Table las filas de TableRow una conveniente manera de acceder a las celdas individuales.

Como se mencionó anteriormente, HTMLCollection es una colección de elementos HTML con métodos, que se puede usar para obtener elementos a través de su posición en el documento o de sus atributos id y name. En JavaScript, el comportamiento de HTMLCollection es como un array de solo lectura, se puede usar la sintaxis de corchetes de JavaScript para acceder a un HTMLCollection mediante índice numérico o nombre, sin necesidad de llamar Método item()y Método namedItem().

HTMLCollection es de solo lectura, no se puede agregarle nuevos elementos, incluso si se utiliza la sintaxis de array de JavaScript.

HTMLCollection y Objeto NodeListMuy similares, pero el primero puede usar tanto índices de nombre como de número.

Atributos de HTMLCollection

Atributo Descripción
cssRules Atributo de solo lectura, que devuelve un entero que indica la longitud de la lista (es decir, el número de elementos en la colección).

Métodos de HTMLCollection

Método Descripción
item() Devuelve el elemento (nodo) en la posición especificada en la colección.
namedItem() Devuelve los elementos (nodos) que tienen la propiedad name o id con el valor especificado en la colección.

Ejemplo

var c = document.forms;		//Esto es un objeto HTMLCollection de elementos form
var firstform = c[0];		//Se puede usar como un array numérico
var lastform = c[c.length-1];	//La propiedad length devuelve el número de elementos
var address = c["address"];		//Se puede usar como un array asociativo
var address = c.address;		//JavaScript permite esta notación

Páginas relacionadas

Manual de referencia de DOM XML:Objeto HTMLDocument

Manual de referencia de DOM XML:Objeto NodeList

Manual de referencia:Manual de referencia de DOM HTML