Board logo

标题: DOM HTMLCollection [打印本页]

作者: vicky.yu    时间: 2022-1-4 10:36     标题: 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>");
}
亲自试一试
DOM Event 对象
DOM Location


JavaScript 和 HTML DOM 参考手册
JavaScript 实例
JavaScript 测验
JavaScript 教程
W3School 简体中文版提供的内容仅用于培训和测试,不保证内容的正确性。通过使用本站内容随之




欢迎光临 赛捷软件论坛 (http://sagesoft.cn/bbs/) Powered by Discuz! 7.2