JavaScript HTML DOM HTMLCollection 对象

6800阅读 0评论2019-10-10 web全栈
分类:JavaScript

HTMLCollection 对象
HTMLCollection对象是类似于数组的HTML元素列表。像这样的方法返回一个HTMLCollection
HTMLCollection 对象属性和方法
可以在HTMLCollection对象上使用以下属性和方法:

属性 描述
返回HTMLCollection中指定索引处的元素
返回HTMLCollection中的元素数
返回HTMLCollection中具有指定ID或名称的元素
获取HTMLCollection:


  1. var x = document.getElementsByTagName("P");
  2. // 返回文档中所有P元素的集合
写下文档中

元素的数量:


  1. var x = document.getElementsByTagName("P");
  2. document.write(x.length)

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


  1. x = document.getElementsByTagName("*");
  2. l = x.length;
  3. for (i = 0; i < l; i++) {
  4.   document.write(x[i].tagName + "
    "
    );
  5. }



上一篇:jQuery 的遍历方法大全你都用过吗
下一篇:JavaScript Console 控制台打印方式你都懂多少