HTMLCollection对象

 

　　getElementsByTagName()方法返回HTMLCollection对象。

 

　　HTMLCollection对象类似包含HTML元素的一个数组。

 

　　以下代码获取文档所有的<p>元素：

 

　　实例

 

　　var x=document.getElementsByTagName("p");

 

　　集合中的元素可以通过索引(以0为起始位置)来访问。

 

　　访问第二个<p>元素可以是以下代码:

 

　　y=x[1];

 

　　HTMLCollection对象length属性

 

　　HTMLCollection对象的length属性定义了集合中元素的数量。

 

　　实例

 

　　var myCollection=document.getElementsByTagName("p");

 

　　document.getElementById("demo").innerHTML=myCollection.length;

 

　　实例解析

 

　　获取<p>元素的集合：

 

　　var myCollection=document.getElementsByTagName("p");

 

　　显示集合元素个数：

 

　　document.getElementById("demo").innerHTML=myCollection.length;

 

　　集合length属性常用于遍历集合中的元素。

 

　　实例

 

　　修改所有<p>元素的背景颜色:

 

　　var myCollection=document.getElementsByTagName("p");

 

　　var i;

 

　　for(i=0;i<myCollection.length;i++){

 

　　myCollection<i>.style.backgroundColor="red";

 

　　}