JS DOM HTMLCollection对象

HTMLCollection对象

JavaScript DOM操作中，getElementsByTagName()获取HTML元素方法返回值为HTMLCollection对象，类似于一个包含特定HTML元素的集合，可以通过索引的方式来进行元素的访问。注意，索引从0开始。除此之外，HTMLCollection的length属性，可以获取集合的长度，即元素个数。

HTMLCollection对象实例代码，及在线编辑器

在线运行下方的实例，可得到的返回值为[object HTMLCollection]，然后通过索引的方式，访问第二个b元素，并将其颜色设置为skyblue：

<b>笨鸟工具，x1y1z1.com</b><br>
<b>为了于编辑器之外的当前页面之内的其它元素重复，这里使用了b元素来定义两个元素，然后通过getElementsByTagName()方法来获取，看看返回值是什么类型。</b>

<script>
  var b_htmlCollection = document.getElementsByTagName('b');
  alert(b_htmlCollection)
  b_htmlCollection[1].style.color = "skyblue";
</script>

hot：热门