Javascript 如何创建枚举元素句柄

我有很多div的文本，我将动画（在100年代） 我需要一种创建枚举元素句柄的方法（尝试避免数组） 像这样：

<div id="q1"> some text </div>
<div id="q2"> some text </div>

一些文本
一些文本

。。。 在javascript中，我想在for循环中创建元素句柄（动画处理器需要元素句柄）

比如：

---

for（让i=0；i通过这个代码片段，您将能够迭代DOM中的多个项目并对它们进行动画制作，我使用的是类，尽管您可以做任何您想做的事情，但是，我认为您可以理解


const items=document.querySelectorAll（'.item'）；
项目。forEach(
（项目i）=>
设置超时(
（）=>item.classList.add（'visible'），
100*i
)
)；
.item{
不透明度：0；
过渡：所有250ms缓解；
}
.item.visible{
不透明度：1；
}
项目1
项目2
项目3
项目4
项目5
项目6
项目7
项目8
项目9
第10项
好吧，这在我的情况下不起作用。我使用GSAP（Greensock）库制作动画，同步到一盘有大量动画的录像带。我创建像tl=timeline（）这样的时间线，然后动画将是：tl..fromTo（q[8]，.6，{color:#04f]，左：“1.5%”，顶部：“12%”，autoAlpha:0，比例：0，宽度：“48%”，transformOrigin:“left top”}，{color:“#000”、autoAlpha:1、scale:toScale}、9.4）等等。所以我想创建元素句柄。我的意思是，我可以将它们作为数组来处理，我想没有理由不这样做。
for( let i=0; i<numQues; i++ ) {
    let q + i = document.getElementById("q"+i)
}