
JavaScript 设置表格中行的颜色
使显示的表中的记录背景颜色相间出现!无论怎么样的从数据库取都不影响表格中的记录背景颜色?怎么设置?我想应该是:在<td>中设置color吧?...
使显示的表中的记录背景颜色 相间出现!无论怎么样的从数据库取都 不影响 表格中的记录背景颜色?怎么设置?我想应该是:在<td>中设置color吧?
展开
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>
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>
展开全部
<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>
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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询