Javascript 为项目的随机集合应用样式

下面我生成一个随机数的跨度，然后我想为每个元素应用随机颜色和随机距离。生成了span，但我无法应用其余代码，如何解决这个问题？

const elem=document.queryselectoral（'.elem'））
设置间隔（（）=>{
//生成元素的随机nr
常数e=数学地板（数学随机（）*100）；
var myHTML=''；
var wrapper=document.querySelector（“.container”）；
对于（让索引=0；索引

.elem{
背景颜色：灰色；
宽度：50px；
高度：50px；
边界半径：50%；
显示：块；
位置：相对位置；
过渡：0.6s缓进；
颜色：透明；
}

---

您试图选择

setInterval

函数之前的元素，因此

elem

始终保持为空。要解决这个问题，您需要放置

const elem=document.querySelectorAll（'.elem'）进入
setInterval
功能

我还有一些其他建议：


使用
document.getElementsByClassName（“”）
而不是
document.queryselectoral（“”）根据元素的类选择元素时，因为这样更快

在循环之前将数组的长度指定给变量，以防止不断访问
length
属性，从而提高性能


setInterval（（）=>{
//生成元素的随机nr
常数e=数学地板（数学随机（）*100）；
var myHTML=''；
var wrapper=document.getElementsByClassName（“容器”）[0]；
对于（让索引=0；索引
.elem{
背景颜色：灰色；
宽度：50px；
高度：50px；
边界半径：50%；
显示：块；
位置：相对位置；
过渡：0.6s缓进；
颜色：透明；
}