- HTMLCollection 接口表示一个包含了元素(元素顺序为文档流中的顺序)的通用集合(与 arguments 相似的类数组 (array-like) 对象),还提供了用来从该集合中选择元素的方法和属性
- HTMLCollection 对象有以下属性:
属性 |
说明 |
length |
返回集合当中子元素的数目 |
- HTMLCollection 对象有以下方法:
方法 |
说明 |
item() |
根据给定的索引(从0开始),返回具体的节点。如果索引超出了范围,则返回 null。
访问 collection[i](在索引 i 超出范围时会返回 undefined)的替代方法。这在非 JavaScript DOM 的实现中非常有用 |
namedItem() |
根据 ID 返回指定节点,若不存在,则根据字符串所表示的 name 属性来匹配。根据 name 匹配只能作为最后的依赖,并且只有当被引用的元素支持 name 属性时才能被匹配。如果不存在符合给定 name 的节点,则返回 null。
访问 collection[name](在 name 不存在时会返回 undefined)的替代方法。这在非 JavaScript DOM 的实现中非常有用。 |
注
- HTML DOM 中的 HTMLCollection 是即时更新的(live);当其所包含的文档结构发生改变时,它会自动更新。因此,最好是创建副本(例如,使用 Array.from)后再迭代这个数组以添加、移动或删除 DOM 节点。
来自 <https://developer.mozilla.org/zh-CN/docs/Web/API/HTMLCollection>