Javascript 如何将不同的颜色动态应用于HTML表的每一行？

我已经使用javascripts动态创建了HTML表，现在我想为每一行应用不同的颜色。我该怎么做呢？

这样就可以了

 $("tr:even").css("background-color", "#eeeeee");
$("tr:odd").css("background-color", "#ffffff");

或以下

$(function(){
  $('#table1 tr:odd').addClass('A');

 // for even

 $('#table1 tr:even').addClass('B');

});

---

您可以通过以下方式之一实现这一点：css或javascript：

javascript方法（我建议包括jQuery）：

但我总是更喜欢javascript

然而

如果您只想每隔一行对上色一次，并在两种颜色之间切换（例如：一种黑色、一种蓝色、一种黑色、一种蓝色等），请使用以下css：

#table_id tr{color:black;}
#table_id tr:nth-child(even){color:blue;}

---

希望这会有所帮助。

在构建行时，为它们指定一个类名。 例如，如果要实现斑马条纹，可以在添加行时使用递增计数器。然后检查计数器是否有奇数或偶数值，并将表示该值的类名添加到刚才添加的对应行中。然后在你的css中你可以做一些事情，比如

.odd{
/*set background color*/
}

.even{
/*set background color*/
}

---

您可以执行以下操作：

var tbl = document.getElementsByTagName("table")[0].style.border = "1px solid red";
td1 = document.getElementsByTagName("tr")[0].style.color = "red";
td2 = document.getElementsByTagName("tr")[1].style.color = "blue";

---

欢迎来到Stackoverflow！关于您编写的代码问题的问题必须在问题本身中描述特定的问题，并包括重现问题的有效代码。那么，你试过什么？你的问题的答案可以在这里找到。你试过什么吗？

.odd{
/*set background color*/
}

.even{
/*set background color*/
}

var tbl = document.getElementsByTagName("table")[0].style.border = "1px solid red";
td1 = document.getElementsByTagName("tr")[0].style.color = "red";
td2 = document.getElementsByTagName("tr")[1].style.color = "blue";