怎样用JS控制表格行背景奇偶变化 - 调试易

怎样用JS控制表格行背景奇偶变化

function ChangeColor()
{
for(var i=0;i<document.all.trRole.length;i++)
{
if(document.all.trRole[i] == null)
{
tr = document.all.trRole;
}
else
{
tr = document.all.trRole[i];

}
if(i%2)//奇数行的颜色--淡兰色
{
tr.style.backgroundColor = "EFF1F6";
tr.style.color = "000000";
}
else//偶数行的颜色--没有颜色
{
tr.style.backgroundColor = "";
tr.style.color = "000000";
}
}
}trRole是行的id,有什么不明白的你再问问我，不过，应该没有什么问题。

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

function ChangeColor(oTab)
{
    for (i=0;i<oTab.rows.length;i++)
    {
       if (i/2==0)
         oTab.rows[i].style.backgroundColor = "";
       else
         oTab.rows[i].style.backgroundColor = "000000";
    }
}
你试试呢?
经测试代码:更正上述错误<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head><body>
<table width="100%" border="0" cellspacing="0" cellpadding="0" name="tb" id="tb">
  <tr>
    <td>111111111</td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td>222222222</td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td>d</td>
    <td>ddddddddd</td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td>dddddssss</td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td>fffffff</td>
  </tr>
</table>
<script language="JavaScript">
ChangeColor(document.all.tb)
function ChangeColor(oTab)
{
    int_bool = true
    for (i=0;i<oTab.rows.length;i++)
    {
   if (int_bool)
       {
         oTab.rows[i].style.backgroundColor = "";
int_bool = false
       }
   else
       {
     oTab.rows[i].style.backgroundColor = "000000";
int_bool = true
   }
    }
}</script>
</body>
</html>