首页 > Web开发 > 详细

js控制表格隔行变色

时间：2018-07-24 19:16:19 阅读：199 评论：0 收藏：0 [点我收藏+]

标签：控制 round document script java 滑动 xxxx var ack

只是加载时候隔行变一个颜色，鼠标滑动上去时候没有变化

<table width="800" border="0" cellpadding="0" cellspacing="0">

<tr>

<td>不变色</td>

</tr>

<tbody id="goaler">

<tr>

<td>xxxxxxxx</td>

</tr>

<tr>

<td>xxxxxxxx</td>

</tr>

<tr>

<td>xxxxxxxx</td>

</tr>

<tr>

<td>xxxxxxxx</td>

</tr>

</tbody>

<tr>

<td>不变色</td>

</tr>

</table>

<script language="JavaScript">

<!--

var TbRow = document.getElementById("goaler");

if (TbRow != null)

{

for (var i=0;i<TbRow.rows.length ;i++ )

{

if (TbRow.rows[i].rowIndex%2==1)

{

TbRow.rows[i].style.backgroundColor="";

}

else

{

TbRow.rows[i].style.backgroundColor="#F1F1F1";

}

}

}

//-->

</script>

js控制表格隔行变色

标签：控制 round document script java 滑动 xxxx var ack

原文地址：https://www.cnblogs.com/ITzhangyunpeng/p/9361583.html

踩

(0)

赞

(0)

举报

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行

更多

友情链接

兰亭集智国之画百度统计站长统计阿里云 chrome插件新版天听网

关于我们 - 联系我们 - 留言反馈

© 2014 mamicode.com 版权所有联系我们:gaon5@hotmail.com

迷上了代码！