XML DOM HTMLCollection 對(duì)象
HTMLCollection 對(duì)象
HTMLCollection 是一個(gè)接口，表示 HTML 元素的集合，它提供了可以遍歷列表的方法和屬性。
HTML DOM 中的 HTMLCollection 是“活”的；如果基本的文檔改變時(shí)，那些改變通過(guò)所有 HTMLCollection 對(duì)象會(huì)立即顯示出來(lái)。
下面的每個(gè)項(xiàng)目（以及它們指定的屬性）都返回 HTMLCollection：
- Document (images, applets, links, forms, anchors)
- form (elements)
- map (areas)
- select (options)
- table (rows, tBodies)
- tableSection (rows)
- row (cells)
HTMLDocument 接口的許多屬性都是 HTMLCollection 對(duì)象，它提供了訪問(wèn)諸如表單、圖像和鏈接等文檔元素的便捷方式。form.elements 和 select.options 都是 HTMLCollection 對(duì)象。HTMLCollection 還提供了遍歷 Table 的各行以及 TableRow 的各個(gè)單元格的一種方便方法。
在上面已經(jīng)提到了，HTMLCollection 對(duì)象是帶有方法的 HTML 元素的集合，用它可以通過(guò)元素在文檔中的位置或它們的 id 屬性、name 屬性獲取元素。在 JavaScript 中，HTMLCollection 對(duì)象的行為和只讀數(shù)組一樣，可以使用 JavaScript 的方括號(hào)，通過(guò)編號(hào)或名稱索引一個(gè) HTMLCollection 對(duì)象，而不必調(diào)用 item() 方法和 namedItem() 方法。
HTMLCollection 對(duì)象是只讀的，不能給它添加新元素，即使采用 JavaScript 數(shù)組語(yǔ)法也是如此。
HTMLCollection 對(duì)象和 NodeList 對(duì)象很相似，但前者可能既能用名稱索引也能用數(shù)字索引。
HTMLCollection 對(duì)象的屬性
| 屬性 | 描述 |
|---|---|
| cssRules | 只讀屬性，返回指示列表長(zhǎng)度的整數(shù)（即集合中的元素?cái)?shù)）。 |
HTMLCollection 對(duì)象的方法
| 方法 | 描述 |
|---|---|
| item() | 返回集合中指定位置的元素（節(jié)點(diǎn)）。 |
| namedItem() | 返回集合中 name 屬性或 id 屬性具有指定值的元素（節(jié)點(diǎn)）。 |
實(shí)例
var c = document.forms; //這是 form 元素的一個(gè) HTMLCollection 對(duì)象 var firstform = c[0]; //能夠以數(shù)字?jǐn)?shù)組來(lái)使用 var lastform = c[c.length-1]; //length 屬性返回元素?cái)?shù) var address = c["address"]; //能夠以關(guān)聯(lián)數(shù)組來(lái)使用 var address = c.address; //JavaScript 允許這樣的表示法
相關(guān)頁(yè)面
XML DOM 參考手冊(cè)：HTMLDocument 對(duì)象
XML DOM 參考手冊(cè)：NodeList 對(duì)象
參考手冊(cè)：HTML DOM 參考手冊(cè)