Question

JS 选项卡效果 在火狐里不可用，但是在IE里可以，求鉴定！！

<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>
火狐版本Mozilla/5.0

Answer 1

把js修改一下就好了 前面需要加个声明
var secTable=document.getElementById("secTable");
var mainTable=document.getElementById("mainTable");
如：
<SCRIPT LANGUAGE="JavaScript">
<!--
function secBoard(n) {
var secTable=document.getElementById("secTable");
var mainTable=document.getElementById("mainTable");
//取对象最好用 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>

Answer 2

　　您好，感谢您对火狐的支持

在开头部分需要加个声明
var secTable=document.getElementById("secTable");
var mainTable=document.getElementById("mainTable");
如：
<SCRIPT LANGUAGE="JavaScript">
<!--
function secBoard(n) {
var secTable=document.getElementById("secTable");
var mainTable=document.getElementById("mainTable");
　　您可以在火狐官方网站下载火狐浏览器，在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。