DOM集合与item方法

下面列出了由动态 HTML(DHTML) 对象模型定义的集合。

集合

all 返回对象所包含的元素集合的引用。
anchors 获取所有带有 name 和/或 id 属性的 a 对象的集合。此集合中的对象以 HTML 源顺序排列。
applets 获取文档中所有 applet 对象的集合。
areas 获取给定 map 对象所定义的 area 对象集合。
attributes 获取对象标签属性的集合。
behaviorUrns 返回标识附加到该元素行为的统一资源名称(URN)字符串的集合。
blockFormats 获取指定可用块格式化标签的名称的字符串的集合。
bookmarks 返回捆绑到当前事件所影响的行上的 ActiveX® 数据对象(ADO)书签的集合。
boundElements 返回页面上所有绑定到给定数据集的所有元素的集合。
cells 获取表格行或整个表格中所有单元格的集合。
childNodes 获取作为指定对象直接后代的 HTML 元素和 TextNode 对象的集合。
children 获取作为对象直接后代的 DHTML 对象的集合。
controlRange 由 createControlRange 或 createRange 方法返回的元素集合。
elements 获取以源顺序排列的给定表单中所有控件的集合。input type=image 对象不在此集合内。
embeds 获取文档中所有 embed 对象的集合。
filters 获取应用于对象的滤镜集合。
fonts 获取所有系统支持的字体的集合。
forms 获取以源顺序排列的文档中所有 form 对象的集合。
frames 获取给定文档定义或与给定窗口关联的文档定义的所有 window 对象的集合。
images 获取以源顺序排列的文档中所有 img 对象的集合。
imports 获取为每个 styleSheet 对象定义的所有导入样式表的集合。
links 获取文档中所有指定了 HREF 属性的 a 对象和所有 area 对象的集合。
mimeTypes 目前尚未实现。
namespaces 获取 namespace 对象的集合。
options 获取 select 对象中 option 对象的集合。
pages 获取代表 styleSheet 中的 @page 规则的 page 对象的集合。
plugins 获取文档中所有 embed 对象的集合。
rows 获取来自于 table 对象的 tr (表格行)对象的集合。
rules 获取样式表中所定义规则的集合。
scripts 获取文档中所有 script 对象的集合。
styleSheets 获取代表与文档中每个 link 或 style 对象的实例相对应的样式表的 styleSheet对象的集合。
tBodies 获取表格中所有 tBody 对象的集合。此集合中的对象以 HTML 源顺序排列。
TextRange 获取 TextRange 对象的集合。

TextRectangle 由 getClientRects 方法返回的 TextRectangle 对象的集合

定义和用法

item() 方法返回位于指定索引位置的节点。

语法：

htmlcollectionObject.item(index)

参数	描述
index	必需。要返回的节点的索引位置。该值是大于 0 小于等于 HTMLCollection.length-1 的整数。 节点或元素在 HTMLCollection 对象中出现的顺序与它们在文档源代码中出现的顺序一样。

返回值

返回指定 index 处的元素或节点。如果 index 小于 0 或大于 length 属性，则返回 null。

描述

在 JavaScript 中，将 HTMLCollection 作为数组处理，用数组的语法索引它更容易一些。

实例

var c = document.images;		//这是一个 HTMLCollection 对象
var img0 = c.item(0);		//能够以这种方式使用 item() 方法
var img1 = c.[1];			//但是这种表示法更容易且更普遍