XML DOM - HTMLCollection-Objekt

HTMLCollection-Objekte

HTMLCollection ist eine Schnittstelle, die eine Sammlung von HTML-Elementen darstellt und Methoden und Eigenschaften bietet, um die Liste zu durchsuchen.

HTMLCollections im HTML DOM sind "lebendig"; wenn sich grundlegende Dokumentänderungen ergeben, werden diese Änderungen sofort in allen HTMLCollection-Objekten angezeigt.

Jeder der folgenden Punkte (sowie die angegebenen Attribute) gibt eine HTMLCollection zurück:

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

Viele Eigenschaften des HTMLDocument-Interfaces sind HTMLCollection-Objekte, die eine bequeme Möglichkeit bieten, auf Dokumentelemente wie Formulare, Bilder und Links zuzugreifen.form.elements und select.options sind HTMLCollection-Objekte. HTMLCollection bietet auch die Möglichkeit zur Table der Zeilen sowie TableRow einfache Methode für die verschiedenen Zellen.

Wie bereits erwähnt, ist das HTMLCollection-Objekt eine Sammlung von HTML-Elementen mit Methoden, mit denen Elemente anhand ihrer Position im Dokument oder ihrer id- und name-Attribute abgerufen werden können. In JavaScript verhält sich das HTMLCollection-Objekt wie ein schreibgeschütztes Array und kann mit JavaScript-Square-Brackets durch Nummer oder Name eines HTMLCollection-Objekts indexiert werden, ohne dass eine item()-Methodeund namedItem()-Methode.

HTMLCollection-Objekte sind schreibgeschützt und können keine neuen Elemente hinzufügen, selbst wenn JavaScript-Array-Syntax verwendet wird.

HTMLCollection-Objekt und NodeList-ObjektSehr ähnlich, aber der Erste kann möglicherweise sowohl mit Namen als auch mit numerischen Indizes verwendet werden.

HTMLCollection-Objekteigenschaften

Eigenschaft Beschreibung
cssRules Nur lesbare Eigenschaft, die eine Ganzzahl zurückgibt, die die Länge der Liste anzeigt (d.h. die Anzahl der Elemente im Set).

HTMLCollection-Objektmethoden

Methode Beschreibung
item() Gibt das Element (Knoten) zurück, das an der angegebenen Position liegt.
namedItem() Gibt das Element (Knoten) zurück, das das Attribut name oder id mit dem angegebenen Wert hat.

Beispiel

var c = document.forms;		//Dies ist ein HTMLCollection-Objekt des form-Elements
var firstform = c[0];		//Kann als numerisches Array verwendet werden
var lastform = c[c.length-1];	//Das Attribut length gibt die Anzahl der Elemente zurück
var address = c["address"];		//Kann als assoziatives Array verwendet werden
var address = c.address;		//JavaScript ermöglicht diese Notation

Verwandte Seiten

XML DOM Referenzhandbuch:HTMLDocument-Objekt

XML DOM Referenzhandbuch:NodeList-Objekt

Referenzhandbuch:HTML DOM Referenzhandbuch