为什么 forEach 无法遍历document.getElementsByClassName 获得的数组

forEach方法无法直接遍历document.getElementsByClassName获得的数组，是因为document.getElementsByClassName返回的是一个HTMLCollection对象，而不是一个真正的数组。HTMLCollection对象类似于数组，但它并不具备数组的所有方法和属性，包括forEach方法。

要解决这个问题，可以将HTMLCollection对象转换为真正的数组，然后再使用forEach方法进行遍历。可以通过以下两种方式来实现转换：

1. 使用Array.from()方法：可以将类似数组的对象（包括HTMLCollection对象）转换为真正的数组。示例代码如下：

const elements = document.getElementsByClassName('className');
const array = Array.from(elements);
array.forEach((element) => {
  // 遍历处理每个元素
});

2. 使用扩展运算符（...）：可以将可迭代对象（包括HTMLCollection对象）展开为数组。示例代码如下：

const elements = document.getElementsByClassName('className');
const array = [...elements];
array.forEach((element) => {
  // 遍历处理每个元素
});

通过以上两种方式，我们可以将HTMLCollection对象转换为数组，然后就可以使用forEach方法对其进行遍历操作了。