用JavaScript实现表格隔行变色

<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>

阅读更多
个人分类: JavaScript
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

不良信息举报

用JavaScript实现表格隔行变色

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭