Javascript 如何使用div类中的这些JS数组数据而不是数组

在这个脚本中有三个关于JS数组的问题，但是我想使用div类内容而不是JS数组。这是我的js动画，带有“下一步”按钮，可以一个接一个地设置动画，但是我希望这些带有测验类的div必须像那个数组一样，一个接一个地设置动画

<div class="quiz">The color of the sky is...?</div>
<div class="quiz">Paper comes from...?</div>
<div class="quiz">How many hours in a day?</div> 

但是我想使用这个div类内容而不是数组格式

<div class="quiz">The color of the sky is...?</div>
<div class="quiz">Paper comes from...?</div>
<div class="quiz">How many hours in a day?</div>

下一步

使用

var问题=0；
//变量问题=[
//“天空的颜色是…？”，
//“纸张来自…？”，
//“一天有几个小时？”
//  ];
var questions=Array.from（document.getElementsByClassName（“测验”））.reduce（（进位，项）=>{
carry.push（item.textContent.trim（））
返运；
}, []);
var anim；
var目标；
函数问题（）{
$（“#问题”）。文本（问题[问题]；
var textWrappers=document.querySelectorAll（“#问题”）；
textWrappers.forEach（textWrapper=>{
textWrapper.innerHTML=textWrapper.textContent.replace（/（\S*）/g，m=>{
返回`+
m、 替换（/（-）？\S（-））/g，“$&”）+
``;
});
});
targets=Array.from（document.querySelectorAll（'#questions.letter'）；
anim=anime.timeline（）
.添加({
目标:目标,，
比例：[3,1]，
斯卡利：[1.5,1]，
不透明度：[0,1]，
翻译Z:0，
放松：“easeOutExpo”，
持续时间：400，
延迟：（el，i）=>60*i
});
}
//初始化
问题（）；
函数next（）{
anim=anime.timeline（）
.添加({
targets:targets.reverse（），
比例：[1,3]，
斯卡利：[1,1.5]，
不透明度：[1,0]，
翻译Z:0，
放松：“easeOutExpo”，
持续时间：100，
延迟：（el，i）=>30*i
});
anim.complete=（）=>{
如果（问题==questions.length-1）{
问题=0；
}//重置问题
否则{
问题++；
}
问题（）；
};
}

#问题{
字号：900；
字号：2.5em；
字体系列：rr；
}
#问题，信{
显示：内联块；
线高：1米；
}
.字{
空白：nowrap；
}

天空的颜色是。。。？
纸张来自。。。？
一天有几个小时？
长颈鹿是鱼吗？


下一步

这是一个非常好的问题一个查询pz有没有任何想法，我可以不显示这些线条天空的颜色是。。。？纸张来自。。。？一天有几个小时？长颈鹿是鱼吗？从页面上看，如果没有显示的无动画线条，我如何隐藏它。@请重新表述您的问题。我不明白你的问题Hello yunzen，你能回答我这个问题吗？我也很高兴，提前谢谢你：）

<div class="quiz">The color of the sky is...?</div>
<div class="quiz">Paper comes from...?</div>
<div class="quiz">How many hours in a day?</div>

var questions = document.getElementsByClassName("quiz");
for(i = 0; i < pageDivs.length;i++)
{

var questions = Array.from(document.getElementsByClassName("quiz")).reduce((carry, item) => {
  carry.push(item.textContent.trim())
  return carry;
}, []);