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