javascript - 随机颜色表格单元格背景

Question

我试图给每个“td”一个不同的背景颜色。

我的javascript:

var color = '#';
var letters= ['000000','FF0000','00FF00','0000FF','FFFF00','00FFFF','FF00FF','C0C0C0'];
color += letters[Math.floor(Math.random() * letters.length)];
document.getElementById("bg").style.backgroundColor = color;

还有我的 HTML:

<td id="bg">...</td><td id="bg">...</td>

发生的情况是每个表格单元格都具有相同的随机颜色，但我需要让它们具有不同的颜色背景。

我该怎么做？ For 循环？

你能帮帮我吗？

Answer 1

您不应该在每个 td 上使用相同的 ID。如果这些是页面上仅有的 td 标签，您可以使用如下内容:

var cells = document.getElementsByTagName('td'),
    colors = ['000000','FF0000','00FF00','0000FF','FFFF00','00FFFF','FF00FF','C0C0C0'];

for(var i = 0; i < cells.length; i++) {
    cells[i].style.backgroundColor = '#' + colors[Math.floor(Math.random() * colors.length)];
}