Question

JavaScript 设置表格中行的颜色

使显示的表中的记录背景颜色 相间出现！无论怎么样的从数据库取都 不影响 表格中的记录背景颜色？怎么设置？我想应该是：在<td>中设置color吧？

Answer 1

<script>
function setRowsColor(tableId){
var table = document.getElementById(tableId);
var rows = table.getElementsByTagName("tr");
for(var i = 0;i<rows.length;i++){
if(i%2==0)
rows[i].style.backgroundColor='#00ff0f';
}
}
</script>
<table border="1" id="table1">
<tr><td>123</td><td>223</td><td>123</td><td>223</td><td>123</td><td>223</td></tr>
<tr><td>123</td><td>223</td><td>123</td><td>223</td><td>123</td><td>223</td></tr>
<tr><td>123</td><td>223</td><td>123</td><td>223</td><td>123</td><td>223</td></tr>
<tr><td>123</td><td>223</td><td>123</td><td>223</td><td>123</td><td>223</td></tr>
<tr><td>123</td><td>223</td><td>123</td><td>223</td><td>123</td><td>223</td></tr>
<tr><td>123</td><td>223</td><td>123</td><td>223</td><td>123</td><td>223</td></tr>
<tr><td>123</td><td>223</td><td>123</td><td>223</td><td>123</td><td>223</td></tr>
<tr><td>123</td><td>223</td><td>123</td><td>223</td><td>123</td><td>223</td></tr>
<tr><td>123</td><td>223</td><td>123</td><td>223</td><td>123</td><td>223</td></tr>
<tr><td>123</td><td>223</td><td>123</td><td>223</td><td>123</td><td>223</td></tr>
<tr><td>123</td><td>223</td><td>123</td><td>223</td><td>123</td><td>223</td></tr>
<tr><td>123</td><td>223</td><td>123</td><td>223</td><td>123</td><td>223</td></tr>
</table>
<script>
setRowsColor('table1');
</script>

Answer 2

<script>
function
setRowsColor(tableId){
var
table
=
document.getElementById(tableId);
var
rows
=
table.getElementsByTagName("tr");
for(var
i
=
0;i<rows.length;i++){
if(i%2==0)
rows[i].style.backgroundColor='#00ff0f';
}
}
</script>
<table
border="1"
id="table1">
<tr><td>123</td><td>223</td><td>123</td><td>223</td><td>123</td><td>223</td></tr>
<tr><td>123</td><td>223</td><td>123</td><td>223</td><td>123</td><td>223</td></tr>
<tr><td>123</td><td>223</td><td>123</td><td>223</td><td>123</td><td>223</td></tr>
<tr><td>123</td><td>223</td><td>123</td><td>223</td><td>123</td><td>223</td></tr>
<tr><td>123</td><td>223</td><td>123</td><td>223</td><td>123</td><td>223</td></tr>
<tr><td>123</td><td>223</td><td>123</td><td>223</td><td>123</td><td>223</td></tr>
<tr><td>123</td><td>223</td><td>123</td><td>223</td><td>123</td><td>223</td></tr>
<tr><td>123</td><td>223</td><td>123</td><td>223</td><td>123</td><td>223</td></tr>
<tr><td>123</td><td>223</td><td>123</td><td>223</td><td>123</td><td>223</td></tr>
<tr><td>123</td><td>223</td><td>123</td><td>223</td><td>123</td><td>223</td></tr>
<tr><td>123</td><td>223</td><td>123</td><td>223</td><td>123</td><td>223</td></tr>
<tr><td>123</td><td>223</td><td>123</td><td>223</td><td>123</td><td>223</td></tr>
</table>
<script>
setRowsColor('table1');
</script>