JS 在火狐里没有用

我写的一个网页选项卡效果，在IE8里可以使用，但在火狐里就不行了，求鉴定！！
    function secBoard(n) { 
        for(i=0;i<secTable.cells.length;i++)
        secTable.cells       [i].className="sec1";
            secTable.cells[n].className="sec2";
            for(i=0;i<mainTable.tBodies.length;i++)
              mainTable.tBodies        [i].style.display="none";
            mainTable.tBodies        [n].style.display="block"; 
        
    }  这是我的使用，火狐里就是没有选项卡效果了，为什么呀？
<tbody>
  <tr>
       <td class="sec2" onclick="secBoard(0)">
           供求详情
       </td>
       <td class="sec1" onclick="secBoard(1)">
             企业信息
       </td>
       <td class="sec1" onclick="secBoard(2)">
           评论咨询
       </td>                                       
    </tr>
   </tbody>

解决方案 »

  1.   

    LZ的代码很不标准呀……
    下面的凑合能用了  <style>
    .sec1 {background:#ECECEC}
    .sec2 {background:#E6E6FF}
      </style>
      <SCRIPT LANGUAGE="JavaScript">
      <!--
    function secBoard(n) {
      //取对象最好用 document.getElementById('secTable');
      for(i=0;i<secTable.rows[0].cells.length;i++) //cells是td，rows是tr
    secTable.rows[0].cells[i].className="sec1";
      secTable.rows[0].cells[n].className="sec2";
      for(i=0;i<mainTable.tBodies.length;i++) //这里也一样，不过用FF试了试居然可以
    mainTable.tBodies[i].style.display="none";
      mainTable.tBodies[n].style.display="block";  
    }   
      //-->
      </SCRIPT>
     <table id="secTable">
     <tbody>
      <tr>
      <td class="sec2" onclick="secBoard(0)">供求详情</td>
      <td class="sec1" onclick="secBoard(1)">企业信息</td>
      <td class="sec1" onclick="secBoard(2)">评论咨询</td>   
      </tr>
      </tbody>
    </table>
     <table id="mainTable">
     <tbody>
      <tr>
        <td>  供求详情 供求详情 供求详情  </td>
      </tr>
      </tbody>
      <tbody style="display:none">
      <tr>
        <td>  企业信息 企业信息 企业信息  </td>
      </tr>
      </tbody>
      <tbody style="display:none">
      <tr>
        <td>  评论咨询 评论咨询 评论咨询  </td>   
      </tr>
      </tbody>
    </table>
      

  2.   

    二楼zyzy15，你的代码还是IE可以，火狐不行呀？
      

  3.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-
    Type" content="text/html; charset=utf-8" />
    <title>js测试</title>
    <style>
        .sec1 {background:#ECECEC}
        .sec2 {background:#E6E6FF}
      </style>
      <SCRIPT LANGUAGE="JavaScript">
      <!--
        function secBoard(n) {
          var secTable= document.getElementById('secTable');
      var mainTable = document.getElementById("mainTable");      for(i=0;i<secTable.rows[0].cells.length;i++) //cells是td，rows是tr
            secTable.rows[0].cells[i].className="sec1";
      secTable.rows[0].cells[n].className="sec2";
          for(i=0;i<mainTable.tBodies.length;i++) //这里也一样，不过用FF试了试居然可以
            mainTable.tBodies[i].style.display="none";
          mainTable.tBodies[n].style.display="block";  
        }   
      //-->
      </SCRIPT></head><body>
     <table id="secTable">
     <tbody>
      <tr>
      <td class="sec2" onclick="secBoard(0)">供求详情</td>
      <td class="sec1" onclick="secBoard(1)">企业信息</td>
      <td class="sec1" onclick="secBoard(2)">评论咨询</td>   
      </tr>
      </tbody>
    </table>
     <table id="mainTable">
     <tbody>
      <tr>
        <td>  供求详情 供求详情 供求详情  </td>
      </tr>
      </tbody>
      <tbody style="display:none">
      <tr>
        <td>  企业信息 企业信息 企业信息  </td>
      </tr>
      </tbody>
      <tbody style="display:none">
      <tr>
        <td>  评论咨询 评论咨询 评论咨询  </td>   
      </tr>
      </tbody>
    </table></body>
    </html>
      

  4.   

     secTable.cells[i].className="sec1";这个能用在ff上吗