javascript - element.className 不会仅在 for-loop JavaScript 中更改我的类名

Question

我正在努力使用这个功能，但是当它在 for 循环中时，我似乎无法让它工作。

当它不在循环内时，它会更改我的类名。

有小费吗 ？

这是该功能起作用的时候。

 function addDiceEvent() {
           var diceClass = document.getElementsByClassName("dice")[0];
           diceClass.className = "dice-two";

           }

但是由于有很多类名为 dice 我需要用一个循环来改变它们。

有了这段代码，就没有魔法了。

function addDiceEvent() {
       var diceClass = document.getElementsByClassName("dice");
                 for(var i = 0; i<diceClass.length; i++){
         diceClass.className = "dice-two";              

       }
    }

Answer 1

将其更改为diceClass[i].className = "dice-two";在第一件diceClass中是一个特定元素，在第二件中是整个元素数组。

此外，我强烈建议考虑使用 jQuery，它会是单行的。