js控制表格隔行变色
Posted AZRNG
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js控制表格隔行变色相关的知识，希望对你有一定的参考价值。
只是加载时候隔行变一个颜色，鼠标滑动上去时候没有变化
<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控制表格隔行变色的主要内容，如果未能解决你的问题，请参考以下文章