javascript 一次设置两个效果

Question

你好，我有一堆动态创建的 div 框，ID 为 div1-div999。然后我随机抓取盒子并将动画名称更改为“成长”。我还想将播放状态更改为“正在运行”，但正如我现在所拥有的那样，它只是随机选择另一个组来更改播放状态。

else if (e.keyCode == '40') {
                 for(var i = 0;i <400; i++){

                     document.getElementById("div"+Math.floor((Math.random()*1000) + 1 )).style.animationName = "Grow";
                     document.getElementById("div"+Math.floor((Math.random()*1000) + 1 )).style.animationPlayState = "running";
                }
            }

我只想更改一组选择的动画名称和播放状态。像这样的东西:

document.getElementById("div"+Math.floor((Math.random()*1000) + 1 )).style.animationName = "Grow" / style.animationPlayState = "running";

有什么办法吗？

谢谢!

Answer 1

如何将那组随机的 div ID 存储在一个数组中？希望这会有所帮助。

else if (e.keyCode == '40') {
                 for(var i = 0;i <400; i++){

var randomSelection=[]; //a new array to store all ID's
randomSelection[i]=Math.floor((Math.random()*1000) + 1))

document.getElementById("div"+randomSelection[i].style.animationName = "Grow";

document.getElementById("div"+randomSelection[i].style.animationPlayState = "running";
                }
            }