JavaScript HTML DOM HTMLCollection 对象参考

• 

  HTMLCollection 对象

  HTMLCollection对象是类似于数组的HTML元素列表。像getElementsByTagName()这样的方法返回一个HTMLCollection。
• 

  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>");
  }
  

  尝试一下