轻松上手,快乐学习!
HTML CSS JAVASCRIPT SQL PYTHON MYSQL PHP GIT 问答 工具 导航 更多 实例 参考

DOM HTMLCollection

HTMLCollection 对象

HTMLCollection 对象是 HTML 元素的类似数组的列表。

诸如 getElementsByTagName() 之类的方法会返回 HTMLCollection。

属性和方法

可以在 HTMLCollection 对象上使用以下属性和方法：

属性 / 方法 描述
item() 返回 HTMLCollection 中指定索引处的元素。
length 返回 HTMLCollection 中指定索引处的元素。
namedItem() 返回 HTMLCollection 中有指定 ID 或名称的元素。

实例

实例

获取 HTMLCollection：

var x = document.getElementsByTagName("P");
// 返回文档中所有 P 元素的集合
亲自试一试 »

实例

输出文档中 <p> 元素的数量：

var x = document.getElementsByTagName("P");
document.write(x.length);
亲自试一试 »

实例

循环遍历 HTMLCollection 中的每个元素：

x = document.getElementsByTagName("*");
l = x.length;
for (i = 0; i < l; i++) {
  document.write(x[i].tagName + "<br>");
}
亲自试一试 »

❮ 上一页 下一页 ❯