关闭

用JavaScript实现表格隔行变色

标签: javascriptbordertablenull
968人阅读 评论(0) 收藏 举报
分类:

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

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:152294次
    • 积分:2137
    • 等级:
    • 排名:第18403名
    • 原创:55篇
    • 转载:41篇
    • 译文:0篇
    • 评论:15条