javascript - element.classList.toggle 不适用于 IMG 元素

Question

我有一个包含 3 个图像元素的数组，如下所示：

0: img.trendingGiffy
1: img.trendingGiffy
2: img.trendingGiffy


 favIcons.forEach(element => {
        element.addEventListener('click', () => {
            element.classList.toggle("lol")
        })
    });

通过使用上面的代码，它将类正确地添加到元素 0 和元素 2，但是它不适用于元素 1。

任何线索为什么？

标签： javascripthtmlclasstoggle

Answer 1

你可以试试这个。

     favIcons.forEach(element => {
        element.addEventListener('click', elem => {
            elem.classList.toggle("lol")
        })
    });

据我所知，箭头函数不继承变量element（因为范围不同）并且还添加事件侦听器回调具有元素本身的参数，因此您可以尝试一下。