Javascript 如何使用forEach方法为每个div设置渐变颜色

我有一个带有渐变颜色值的数组。现在我想将每种颜色设置为divs。我使用了

forEach

方法，但只有第一种颜色适用于所有div

var myClr=[
“线性梯度（向右，#4CA1AF，#C4E0E5）”，
“线性梯度（向右，#8e2de2，#8f6ba8）”，
“线性梯度（向右，#ee9ca7，#ffdde1）”，
“线性梯度（向右，#0f2027，#203a43，#2c5364）”，
];
const divs=document.queryselectoral（“.gradient_color”）；
每个分区（（d）=>{
d、 style.background=myClr；
});
.box{
显示器：flex；
弯曲方向：立柱；
}
.渐变色{
高度：30px；
宽度：60px；
利润率：10px；
}


var myClr=[
“线性梯度（向右，#4CA1AF，#C4E0E5）”，
“线性梯度（向右，#8e2de2，#8f6ba8）”，
“线性梯度（向右，#ee9ca7，#ffdde1）”，
“线性梯度（向右，#0f2027，#203a43，#2c5364）”，
];
const divs=document.queryselectoral（“.gradient_color”）；
每个分区（（d，i）=>{
d、 style.background=myClr[i%myClr.length]；
});
.box{
显示器：flex；
弯曲方向：立柱；
}
.渐变色{
高度：30px；
宽度：60px；
利润率：10px；
}
如果要旋转颜色，在第四个div之后，如果要将第一个颜色添加到第五个，依此类推，则在选择颜色时，必须执行
myClr[索引%myClr.length]


var myClr=[
“线性梯度（向右，#4CA1AF，#C4E0E5）”，
“线性梯度（向右，#8e2de2，#8f6ba8）”，
“线性梯度（向右，#ee9ca7，#ffdde1）”，
“线性梯度（向右，#0f2027，#203a43，#2c5364）”，
];
const divs=document.queryselectoral（“.gradient_color”）；
每个分区（（d，索引）=>{
d、 style.background=myClr[索引%myClr.length]；
});
.box{
显示器：flex；
弯曲方向：立柱；
}
.渐变色{
高度：30px；
宽度：60px；
利润率：10px；
}

hehe非常简单…谢谢第五个div会发生什么情况？我将添加50个div和50个颜色值，但在任何时间点，如果您想旋转颜色，则可以签出我的答案