JavaScript H HTML DOM 集合

HTMLCollection 对象

这个getElementsByTagName()方法返回HTMLCollection目的。

一个HTMLCollection对象是HTML元素的类似阵列列表（集合）。

以下代码选择全部<p>文档中的元素：

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

集合中的元素可以通过索引号来访问。

要访问第二个<p>元素，您可以编写：

myCollection[1]

笔记：索引从0开始。

这个length属性定义了一个元素的数量HTMLCollection：

myCollection.length

这个length当您想循环浏览集合中的元素时，属性很有用：

更改所有 <p> 元素的文本颜色：

const myCollection = document.getElementsByTagName("p");
for (let i = 0; i < myCollection.length; i++) {
myCollection[i].style.color = "red";
}

HTMLCollection 不是数组！

HTMLCollection 可能看起来像一个数组，但事实并非如此。

您可以遍历列表，并参考具有数字的元素（就像数组一样）。

但是，您不能在 HTMLCollection 上使用 valueOf()、pop()、push() 或 join() 等数组方法。