css实现表格隔行变色…CSS写好了…但是动态实现读取奇数行和偶数行不知道怎么写,高手给个范例指导
css实现表格隔行变色…CSS写好了…但是动态实现读取奇数行和偶数行不知道怎么写,高手给个范例指导一下…...
css实现表格隔行变色…CSS写好了…但是动态实现读取奇数行和偶数行不知道怎么写,高手给个范例指导一下…
展开
2个回答
展开全部
<script language="javascript">
window.onload=function showtable(){
var tablename=document.getElementById("table");
var li=tablename.getElementsByTagName("tr");
for (var i=0;i<=li.length;i++){
if (i%2==0){
li[i].style.backgroundColor="#FFB584";
}else li[i].style.backgroundColor="#FFFFFF";
}
}
</script>
<table id="table">
<tr><td>第1行</td><td>第1列</td></tr>
<tr><td>第2行</td><td>第2列</td></tr>
<tr><td>第3行</td><td>第3列</td></tr>
<tr><td>第4行</td><td>第4列</td></tr>
<tr><td>第5行</td><td>第5列</td></tr>
</table>
window.onload=function showtable(){
var tablename=document.getElementById("table");
var li=tablename.getElementsByTagName("tr");
for (var i=0;i<=li.length;i++){
if (i%2==0){
li[i].style.backgroundColor="#FFB584";
}else li[i].style.backgroundColor="#FFFFFF";
}
}
</script>
<table id="table">
<tr><td>第1行</td><td>第1列</td></tr>
<tr><td>第2行</td><td>第2列</td></tr>
<tr><td>第3行</td><td>第3列</td></tr>
<tr><td>第4行</td><td>第4列</td></tr>
<tr><td>第5行</td><td>第5列</td></tr>
</table>
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
这个用jq很好写,直接用odd就行,你那可以用jq么?
这有个网址讲的很清楚http://keleyi.com/a/bjac/jftlrr5y.htm
这有个网址讲的很清楚http://keleyi.com/a/bjac/jftlrr5y.htm
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询