Javascript Div创建和样式设置未按预期工作

我试图创建一些div，并在单击时遍历它们。 迭代只在每隔一次单击时有效。 奇怪的是，我没有错。 我尝试将

divs

变量声明移出for循环

for（设i=0；i{
关闭（分区[i]）
开放式（分区[i+1]）
}
}
函数randomColor（）{
设e=Math.floor（Math.random（）*16777215）.toString（16）；
返回`${e}`；
}
功能关闭（t）{
t、 style.transform='比例（0.5）'
t、 style.opacity='0'
setTimeout（函数（）{
t、 style.display='none'
}, 500)
}
功能打开（t）{
t、 style.display='block'
setTimeout（函数（）{
t、 style.transform='scale（1）'
t、 style.opacity='1'
}, 5)
}

div{
身高：100%；
宽度：100%；
位置：固定；
排名：0；
底部：0；
右：0；
过渡：0.5s；
不透明度：0；
变换：比例（0.5）；
}

您需要

• 打开（divs[（i+1）%6]）

  使其正确循环
• 在首字母处隐藏所有div（一个除外）

初始状态仍然存在一些小问题（需要添加

不透明度

和

转换

，为了简单起见，我将其保留下来），我认为应该使用适当的类而不是内联css来简化

for（设i=0；i您需要


打开（divs[（i+1）%6]）
使其正确循环
在首字母处隐藏所有div（一个除外）

初始状态仍然存在一些小问题（需要添加
不透明度
和
转换
，为了简单起见，我将其保留下来），我认为应该使用适当的类而不是内联css来简化


for（设i=0；i
for
循环的确切位置在哪里？可能它是由某个点击事件本身触发的？for
循环没有包装在点击事件中，它可能不是由点击触发的。
打开（divs[i+1]）时代码看起来很好
？啊，找到了……为什么这一行位于
for
循环的
内？？？
让divs=document.getElementsByClassName（'div'））
我认为应该在循环之前
for
循环的确切位置在哪里？可能它是由某个点击事件本身触发的？for
循环没有包装在点击事件中，它可能不是由点击触发的。嗯..代码看起来很好，可能是因为
打开（divs[I+1]有问题）
？啊，找到它了…为什么这一行在
for
循环中？？？
让divs=document.getElementsByClassName（'div'）；
我想它应该在循环之前