This article is in need of a technical review.
HTMLCollection is an interface representing a generic collection (array) of elements (in document order) and offers methods and properties for selecting from the list.
HTMLCollectionfor historical reasons (before DOM4, collections implementing this interface could only have HTML elements as their items).
HTMLCollections in the HTML DOM are live; they are automatically updated when the underlying document is changed.
- The number of items in the collection.
Returns the specific node at the given zero-based
indexinto the list. Returns
indexis out of range.
Returns the specific node whose ID or, as a fallback, name matches the string specified by
name. Matching by name is only done as a last resort, only in HTML, and only if the referenced element supports the
nullif no node exists by the given name.
namedItem() methods. Numeric values in the square brackets will work the same way as
item(), string values will work the same way as
For example, assuming there is one
<form> element in the document and its
var elem1, elem2; // document.forms is an HTMLCollection elem1 = document.forms; elem2 = document.forms.item(0); alert(elem1 === elem2); // shows: "true" elem1 = document.forms["myForm"]; elem2 = document.forms.namedItem("myForm"); alert(elem1 === elem2); // shows: "true"
Different browsers behave differently when there are more than one elements matching the string used as an index (or
namedItem's argument). Firefox 8 behaves as specified in DOM 2 and DOM4, returning the first matching element. WebKit browsers and Internet Explorer in this case return another
HTMLCollection and Opera returns a
NodeList of all matching elements.
- HTML 5, Section 2.7.2, Collections
- DOM Level 2 HTML, Section 1.4, Miscellaneous Object Definitions
- DOM4: HTMLCollection