javascript - 使用数组中的颜色

Question

我有这个数组：const colorsarray = ['#F2387C', '#8A26A6', '#06ADBF', '#F2CE16']

我有一个 item 列表with unknown number of item，我想要实现的是，我想使用这些颜色作为 item 的背景颜色，但我希望颜色保持有序。

例子

1. 项目 1 => bg:#F2387C
2. 项目 2 => bg:#8A26A6
3. 项目 3 => bg:#06ADBF
4. 项目 4 => bg:#F2CE16
5. 项目 5 => bg:#F2387CGo back to the first color
6. 项目 6 => bg:#8A26A6Go back to the second color
7. ...

我现在所拥有的只是这段代码，它会随机选择一种颜色，如果它有帮助的话：

var randcolor = colorsarray[Math.floor(Math.random() * colorsarray.length)];

感谢您的帮助。

标签： javascript

Answer 1

这很简单，感谢%运营商。这是一个例子：

var elements = document.getElementsByClassName('yourclass');
var colors = ['#F2387C', '#8A26A6', '#06ADBF', '#F2CE16']

for(i = 0; i < elements.length; i++){
  elements[i].style.backgroundColor = colors[i % colors.length]
}

希望这可以帮助！