一段javascript代码在IE里正常,火狐里失效,求高手帮忙

代码截取如下：
<script language="javascript"  type="text/javascript">
      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";
      }
      
   </script>
<table id="secTable"; border="0" cellspacing="0" cellpadding="0" width="630px">
                     <tr height="32px" align="center"> 
                        <td class="sec2" width="10%" onmousedown="secBoard(0)">公司新闻</td>
                        <td class="sec1" width="10%" onmousedown="secBoard(1)">行业新闻</td>
                        <td class="sec1" width="10%" onmousedown="secBoard(2)">公告信息</td>
                        <td class="sec1" width="10%" onmousedown="secBoard(3)">用水须知</td>
                     </tr>
</table>

解决方案 »

  1.   

    你的
    secTable
    mainTable
    是怎么定义的
      

  2.   


    function secBoard(n) {
        var secTable = document.getElementById('secTable'),
            mainTable = document.getElementById('mainTable');

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

  3.   


    function secBoard(n)
    {
    var cells=document.getElementById('secTable').rows[0].cells;
    var tBodies=document.getElementById('mainTable').getElementsByTagName('tbody');
    for(i=0;i<cells.length;i++)
    cells[i].className="sec1";
    cells[n].className="sec2";
    for(i=0;i<tBodies.length;i++)
    tBodies[i].style.display="none";
    tBodies[n].style.display="block";
    }
      

  4.   


        <script language="javascript" type="text/javascript">
            function secBoard(n) {
                var secTable = document.getElementById('secTable'),
            mainTable = document.getElementById('mainTable');//这个表格你没提供，我就不管了
                //for (i = 0; i < secTable.cells.length; i++) secTable.cells[i].className = "sec1";
                //在表格里找数据的时候得一层层找，你要先找到表格的行再去找列
                for (i = 0; i < secTable.rows[0].cells.length; i++) {
                    secTable.rows[0].cells[i].className = "sec1"; 
                }
                secTable.rows[0].cells[n].className = "sec2";
                //下面的找不到
                //for (i = 0; i < mainTable.tBodies.length; i++) mainTable.tBodies[i].style.display = "none";
                //mainTable.tBodies[n].style.display = "block"
            }        
        </script>
      

  5.   

    主要意思，随着不同的标题，显示不同的具体内容，就象标签页的效果一样。
    mainTable代码如下：
    <table border="0" cellspacing="0" cellpadding="0" height="80px" id="mainTable" class="main_tab" style="border-color: #FFFFFF; width: 630px;">    
        <tbody style="display:block;"> 
        <tr> 
         <td valign="top"> 
             <br />
             <asp:DataList ID="DataList1" runat="server" Width="623px" DataSourceID="Data1">
                 <ItemTemplate>
                     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                     <img alt="" src="Image1/bg_15.jpg" style="width: 6px; height: 12px" />&nbsp;&nbsp;
                     <a  href="NewsDetails.aspx?NewsId=<%# Eval("News_ID1") %> ">  
                     <asp:Label ID="Label3" runat="server" 
                         Text='<%# Eval("News_Title1").ToString().Length > 30 ? Eval ("News_Title1").ToString().Substring(0,30) + "......" : Eval("News_Title1").ToString() %>'></asp:Label></a> 
                 </ItemTemplate>
             </asp:DataList>
             <asp:ObjectDataSource ID="Data1" runat="server" 
                 SelectMethod="GetSomeCompanyNews" TypeName="WebBLL.NewsManager">
             </asp:ObjectDataSource>
         </td>
        </tr>
        </tbody>
        <tbody style="display:none;"> 
        <tr> 
         <td valign="top" > 
          <br />
             <asp:DataList ID="DataList2" runat="server" Width="623px" DataSourceID="Data2">
                 <ItemTemplate>
                  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                     <img alt="" src="Image1/bg_15.jpg" style="width: 6px; height: 12px" />&nbsp;&nbsp;
                     <a  href="NewsDetails.aspx?NewsId=<%# Eval("News_ID1") %> ">  
                     <asp:Label ID="Label3" runat="server" 
                     Text='<%# Eval("News_Title1").ToString().Length > 30 ? Eval ("News_Title1").ToString().Substring(0,30) + "......" : Eval("News_Title1").ToString() %>'></asp:Label></a> 
                 </ItemTemplate>         
             </asp:DataList>
             <asp:ObjectDataSource ID="Data2" runat="server" SelectMethod="GetSomePartNews" 
                 TypeName="WebBLL.NewsManager"></asp:ObjectDataSource>
         </td>
        </tr>
        </tbody> 
        <tbody style="display:none;"> 
        <tr> 
         <td valign="top"> 
          <br />
          <asp:DataList ID="DataList3" runat="server" Width="623px" DataSourceID="Data3">
              <ItemTemplate>
               &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                     <img alt="" src="Image1/bg_15.jpg" style="width: 6px; height: 12px" />&nbsp;&nbsp;
                 <a  href="NewsDetails.aspx?NewsId=<%# Eval("News_ID1") %> ">  
                 <asp:Label ID="Label3" runat="server" 
                 Text='<%# Eval("News_Title1").ToString().Length > 30 ? Eval ("News_Title1").ToString().Substring(0,30) + "......" : Eval("News_Title1").ToString() %>'></asp:Label></a> 
              </ItemTemplate> 
          </asp:DataList>
             <asp:ObjectDataSource ID="Data3" runat="server" 
                 SelectMethod="GetSomeNoticeNews" TypeName="WebBLL.NewsManager">
             </asp:ObjectDataSource>
          </td>
        </tr>
        </tbody> 
        <tbody style="display:none;"> 
        <tr> 
         <td valign="top">
          <br />      
          <asp:DataList ID="DataList4" runat="server" DataSourceID="Data4" Width="623px">
              <ItemTemplate>
                   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                     <img alt="" src="Image1/bg_15.jpg" style="width: 6px; height: 12px" />&nbsp;&nbsp;
                  <a  href="NewsDetails.aspx?NewsId=<%# Eval("News_ID1") %> ">
                  <asp:Label ID="Label3" runat="server" 
                  Text='<%# Eval("News_Title1").ToString().Length > 30 ? Eval ("News_Title1").ToString().Substring(0,30) + "......" : Eval("News_Title1").ToString() %>'></asp:Label></a> 
              </ItemTemplate>      
          </asp:DataList>
             <asp:ObjectDataSource ID="Data4" runat="server" 
                 SelectMethod="GetSomeUseWaterNews" TypeName="WebBLL.NewsManager">
             </asp:ObjectDataSource>
         </td>
        </tr>
        </tbody>     
       </table>
      

  6.   

    感觉用ul li要简单些
    不过这样也可以了啊 <script language="javascript" type="text/javascript">
            function secBoard(n) {
                var secTable = document.getElementById('secTable'),
            mainTable = document.getElementById('mainTable'); //这个表格你没提供，我就不管了
                //for (i = 0; i < secTable.cells.length; i++) secTable.cells[i].className = "sec1";
                //在表格里找数据的时候得一层层找，你要先找到表格的行再去找列
                for (i = 0; i < secTable.rows[0].cells.length; i++) {
                    secTable.rows[0].cells[i].className = "sec1";
                }
                secTable.rows[0].cells[n].className = "sec2";
                //下面的找不到
    //把下面两行取消注释就可以了
                for (i = 0; i < mainTable.tBodies.length; i++) {
                    mainTable.tBodies[i].style.display = "none"; 
                }
                mainTable.tBodies[n].style.display = "block";
            }        
        </script>
      

  7.   

    谢谢heroes12315，解决了，高手！