为什么如下脚本在IE下没问题，在发firefox5.0下面没反应呢？

Question

求高人帮忙
function secCard(n)
{
for(i=0;i<secTable.cells.length;i++) secTable.cells[i].className="cardNormal";
secTable.cells[n].className="cardSelected";
for(i=0;i<secTable.cells.length;i=i+2) secTable.cells[i].className="cardSpace";
}
function secBoard(n)
{
for(i=0;i<mainTable.tBodies.length;i++)
mainTable.tBodies[i].style.display="none";
mainTable.tBodies[n].style.display="";
}

Answer 1

cells
这个本身就是ie下的方法，ff下当然没反应了

Answer 2

脚本不兼容，同意楼上的
使用火狐的firebug调试

Answer 3

firefox的table没有cells属性，需要getElementsByTagName获取td，引用DOM对象要用document.getElementById获取，而不是直接用DOM的IDfunction secCard(n) {
        var secTable = document.getElementById('secTable'), tds = secTable.getElementsByTagName('td');
        for (i = 0; i < tds.length; i++) tds[i].className = "cardNormal";
        tds[n].className = "cardSelected";
        for (i = 0; i < tds.length; i = i + 2) tds[i].className = "cardSpace";
    }

Answer 4

但下面的相关公司新闻和行业资讯不会变化？<TABLE id=secTable cellSpacing=0 cellPadding=0 border=0 width=100%>
   <TR>
       <TD class=cardSpace height="23" width="*">&nbsp;</TD>
       <TD class=cardSelected onmouseover=secCard(1);secBoard(0); width=78>公司新闻</TD>
   <TD class=cardSpace width=1></TD>
       <TD class=cardNormal onmouseover=secCard(3);secBoard(1); width="78">行业资讯</TD>
   <TD class=cardSpace width="*">&nbsp;</TD>
</TR>
</TABLE>
 
 
   
<TABLE class=boardMain id=mainTable cellSpacing=0 cellPadding=0 width=100% border=0>
        <TBODY style="DISPLAY: block">
        <TR>
          <TD valign="top">
<!-- 公司新闻 -->
  <table width="93%" border="0" align="center" cellpadding="0" cellspacing="1">
            <tr>
              <td width="18"></td>
              <td>
   <ul class="jj_con f_gray2">公司新闻列表</ul>
  </td>
            </tr>
<tr>
<td></td>
<td class="nt_fwcon2011"><a class="more_news" href="/news/xinwen.htm">更多新闻</a></td>
</tr>
          </table>
<!-- 公司新闻 -->
  </TD>
 </TR>
</TBODY>
        <TBODY style="DISPLAY: none">
        <TR>
          <TD valign="top">
        <!-- 最新资讯 -->
  <table width="93%" border="0" align="center" cellpadding="0" cellspacing="1">
            <tr>
              <td width="18"></td>
              <td><ul class="jj_con f_gray2">行业资讯列表</ul></td>
            </tr>
<tr>
<td></td>
<td class="nt_fwcon2011"><a class="more_news" href="/news/zixun.htm">更多资讯</a></td>
</tr>
          </table>
<!-- 最新资讯 -->
</TD>
</TR>
</TBODY>
      </TABLE>