XML DOM HTMLCollection objekt

HTMLCollection-objekt

HTMLCollection är ett gränssnitt som representerar en samling av HTML-element, och det erbjuder metoder och egenskaper för att navigera listan.

HTMLCollection i HTML DOM är 'levande'; om grundläggande dokumentet förändras visas dessa förändringar omedelbart genom alla HTMLCollection-objekt.

Varje objekt (och de tillhörande egenskaperna) i följande returnerar en HTMLCollection:

  • Document (bilder, applets, länkar, formulär, ankar)
  • form (elements)
  • map (areas)
  • select (options)
  • table (rows, tBodies)
  • tableSection (rows)
  • row (cells)

Många egenskaper i HTMLDocument-gränssnittet är HTMLCollection-objekt, vilket ger ett enkelt sätt att komma åt dokumentelement som formulär, bilder och länkar.form.elements och select.options är HTMLCollection-objekt. HTMLCollection erbjuder också en möjlighet att Table s alla rader samt TableRow ett bekvämt sätt att komma åt cellerna i tabellen.

Som nämndes tidigare är HTMLCollection-objekt en samling av HTML-element med metoder, och med hjälp av dessa kan man få tag på element baserat på deras plats i dokumentet eller deras id-egenskap, name-egenskap. I JavaScript beter sig HTMLCollection-objektet som en skrivskyddad array, och man kan använda JavaScript:s klammer för att indexera ett HTMLCollection-objekt antingen genom nummer eller namn utan att behöva anropa item() metodenoch namedItem() metoden.

HTMLCollection-objekt är skrivskyddade, och det går inte att lägga till nya element till dem, även om JavaScript-array语法 används.

HTMLCollection-objekt och NodeList objektMycket lika, men den första kan både användas med namnindex och numeriskt index.

HTMLCollection-objektets egenskaper

Egenskap Beskrivning
cssRules Läsbar egenskap, returnerar ett heltal som indikerar listans längd (dvs. antalet element i samlingen).

HTMLCollection-objektets metoder

Metod Beskrivning
item() Returnerar element (nod) i samlingen vid den specificerade positionen.
namedItem() Returnerar element (nod) i samlingen som har ett namn eller id med den specificerade värdet.

Exempel

var c = document.forms;		//Detta är en HTMLCollection objekt för form element
var firstform = c[0];		//Kan användas som ett numeriskt array
var lastform = c[c.length-1];	//length egenskapen returnerar antalet element
var address = c["address"];		//Kan användas som en associerad array
var address = c.address;		//JavaScript tillåter denna notation

Relaterade sidor

XML DOM referenshandbok:HTMLDocument objekt

XML DOM referenshandbok:NodeList objekt

Referenshandbok:HTML DOM referenshandbok