javascript - element.className 不会仅在 for 循环 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，这将是一个简单的方法。