javascript - 如何为 javascript 中的每个 tr 元素指定背景颜色？

Question

我有多个 tr 和 bgcolors 之类的

<tr bgcolor="#OC6110">
<tr bgcolor="#000000">
<tr bgcolor="#FFFFFF">

我想为每个 tr 元素提供不同的 bg 颜色，而不指定其 id 值。我需要更改 javascript 或 CSS。我不想接触 HTML。

这可能吗？

已经在 html 中给出了一些 bgcolors..我需要在不触及 html 的情况下覆盖它

Answer 1

您可以使用以下函数来获得随机颜色

function get_color() {
    var lt= '0123456789ABCDEF'.split('');
    var color = '#';
    for (var i = 0; i < 6; i++ ) {
        color += lt[Math.round(Math.random() * 15)];
    }
    return color;
}

并应用颜色

$("tr").each(function() {
    $(this).css("background-color", get_color());
});

source and more solutions here

---

更新:

根据评论，您可以将颜色值存储在数组中并像这样使用它们:

var myColors = ['#f00','#ff0','#fff'];//store the color values here

$("tr").each(function() {
   for(var i=0; i<myColors.length;i++){    
     $(this).css("background-color", myColors[i]);
   }
});