JavaScript HTML DOM 集合
HTMLCollection 对象
getElementsByTagName() 方法返回一个 HTMLCollection 对象。
HTMLCollection 对象是一个类似数组的 HTML 元素列表（集合）。
以下代码选择文档中的所有 <p> 元素
示例
const myCollection = document.getElementsByTagName("p");
集合中的元素可以通过索引号访问。
要访问第二个 <p> 元素，您可以这样写
myCollection[1]
自己动手试一试 »
注意：索引从 0 开始。
HTML HTMLCollection 长度
length 属性定义了 HTMLCollection 中元素的数量
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() 等数组方法。
