Oggetto HTMLCollection XML DOM

Oggetto HTMLCollection

HTMLCollection è un'interfaccia che rappresenta una raccolta di elementi HTML, fornendo metodi e proprietà per esplorare l'elenco.

L'HTMLCollection in HTML DOM è 'viva'; se il documento di base cambia, queste modifiche vengono visualizzate immediatamente attraverso tutti gli oggetti HTMLCollection.

Ogni elemento seguente (e gli attributi specificati) restituisce un HTMLCollection:

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

Molte proprietà dell'interfaccia HTMLDocument sono oggetti HTMLCollection, che offrono un modo conveniente per accedere agli elementi del documento come moduli, immagini e link.form.elements e select.options Sono oggetti HTMLCollection. HTMLCollection offre anche la possibilità di Table Le righe di TableRow Un metodo conveniente per accedere ai vari cellule.

Come già menzionato, l'oggetto HTMLCollection è una raccolta di elementi HTML con metodi, che può essere utilizzato per ottenere elementi tramite la loro posizione nel documento o i loro attributi id e name. In JavaScript, l'oggetto HTMLCollection si comporta come un array readonly, e può essere utilizzato la sintassi dei parentesi quadri per indicizzare un oggetto HTMLCollection tramite numero o nome, senza dover chiamare Metodo item()e Metodo namedItem().

L'oggetto HTMLCollection è readonly, non può avere elementi aggiunti, anche se si utilizza la sintassi degli array JavaScript.

L'oggetto HTMLCollection e Oggetto NodeListMolto simili, ma il primo può essere utilizzato sia per nome che per indice numerico.

Proprietà dell'oggetto HTMLCollection

Proprietà Descrizione
cssRules Proprietà sola lettura, restituisce un intero che indica la lunghezza dell'elenco (cioè il numero di elementi nella raccolta).

Metodi dell'oggetto HTMLCollection

Metodo Descrizione
item() Restituisce l'elemento (nodo) specificato nella posizione nella raccolta.
namedItem() Restituisce l'elemento (nodo) con l'attributo name o id con il valore specificato nella raccolta.

Esempio

var c = document.forms;		//Questo è un oggetto HTMLCollection di un elemento form
var firstform = c[0];		//Può essere utilizzato come array numerico
var lastform = c[c.length-1];	//L'attributo length restituisce il numero di elementi
var address = c["address"];		//Può essere utilizzato come array associativo
var address = c.address;		//JavaScript consente questo tipo di rappresentazione

Pagine correlate

Manuale di riferimento XML DOM:Oggetto HTMLDocument

Manuale di riferimento XML DOM:Oggetto NodeList

Manuale di riferimento:Manuale di riferimento HTML DOM