js getelementbyclassname

// 获取具有指定类名的所有元素
let elements = document.getElementsByClassName('example-class');

// getElementsByClassName 返回一个 HTMLCollection 对象，它是一个动态的、类似数组的对象。
// 可以通过索引访问其中的元素，也可以使用 Array.from() 方法将其转换为数组。

// 示例：遍历所有具有 'example-class' 类的元素，并改变它们的背景颜色
for (let i = 0; i < elements.length; i++) {
    elements[i].style.backgroundColor = 'yellow';
}

解释说明：

• document.getElementsByClassName('example-class')：获取文档中所有类名为 example-class 的元素。返回的是一个 HTMLCollection 对象，它类似于数组，但不是真正的数组。
• elements.length：获取 HTMLCollection 中元素的数量。
• elements[i]：通过索引访问 HTMLCollection 中的每个元素。
• elements[i].style.backgroundColor = 'yellow'：修改每个元素的背景颜色为黄色。

如果你需要将 HTMLCollection 转换为真正的数组以便使用数组方法（如 forEach），可以使用 Array.from(elements) 或 [...elements]。