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

[bigtree0906]

代码截取如下：
<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>

[南瓜]

你的
secTable
mainTable
是怎么定义的

[南瓜]

还有 你要实现的是个什么效果

[豪情]

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

[OPPPPOP]

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

[南瓜]

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

[小洋]

强烈鄙视 写循环不写大括号的ＳＢ

[bigtree0906]

主要意思，随着不同的标题，显示不同的具体内容，就象标签页的效果一样。
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>
      
<img alt="" src="Image1/bg_15.jpg" style="width: 6px; height: 12px" />  
<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>
      
<img alt="" src="Image1/bg_15.jpg" style="width: 6px; height: 12px" />  
<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>
      
<img alt="" src="Image1/bg_15.jpg" style="width: 6px; height: 12px" />  
<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>
      
<img alt="" src="Image1/bg_15.jpg" style="width: 6px; height: 12px" />  
<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>

[南瓜]

感觉用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>

[bigtree0906]

谢谢heroes12315，解决了，高手！

[南瓜]

不客气 解决了就好
不过高手可不敢当
我也是菜鸟来着
只是早入门两年而已