Question

JS做的选项卡，在IE中工作正常。在火狐浏览器ff中就出错，请高手帮着看一下。

代码如下：在FF中不能点击选项卡IE中可以
<SCRIPT language=javascript>
function secBoard(n)
{
for(i=0;i<secTable.cells.length;i++)
secTable.cells[i].className="h3h";
secTable.cells[n].className="h3h";
for(i=0;i<mainTable.tBodies.length;i++)
mainTable.tBodies[i].style.display="none";
mainTable.tBodies[n].style.display="block";
}
</SCRIPT>
<div id="bt">
<table border="0" style="border-collapse: collapse" width="210">
<tr>
<td width="70" onclick=secBoard(0) height="36" align="center" id="aa">
1</td>
<td width="70" background="/image/ssflbt.gif" class="" onclick=secBoard(1) align="center" id="bb" >
2</td>
<td width="70" onclick=secBoard(2) align="center" id="cc">3</td>
</tr>
</table>
</div>
<div id="nr">
<TABLE id=secTable cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<tr>
<td width="70"></td>
<td width="70"></td>
<td width="70"></td>
</tr>
</tbody>
</table>
<div id="zw">
<TABLE id="mainTable" cellSpacing="0" cellPadding="0" border="0" width="99%">
<TBODY style="DISPLAY: none">
<tr><td width="100%" valign="top">
111</td></tr>
</TBODY>
<TBODY>
<tr><td>
222</td></tr>
</TBODY>
<TBODY style="DISPLAY: none">
<tr><td>
333</td></tr>
</TBODY>
</table>
</div>
</div>
<div id="db"> </div>
先谢谢您好，试了一下，还是不行，可能是我打错了，最好给我发一下，我QQ10457234，给我留言吧，我明天下午会上来，试了没问题马上给分。

Answer 1

你的js写的太不规范了，所以兼容性差了，现在帮你在ie8/ff4.0下调试通过。

 我三次贴的代码都看不到？过滤掉了？看图吧，上面有详细代码。 

var t1=document.getElementById(

Answer 2

　　您好！很高兴为您答疑！

JS部分修改下：
function secBoard(n) {
var secTable = document.getElementById('secTable');
var mainTable = document.getElementById('mainTable');
for(i=0;i<secTable.rows[0].cells.length;i++) {
secTable.rows[0].cells[i].className="h3h";
secTable.rows[0].cells[n].className="h3h";
}
　　您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。

Answer 3

js部分改成：

<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++) {
secTable.rows[0].cells[i].className="h3h";
secTable.rows[0].cells[n].className="h3h";
}
for(i=0;i<mainTable.tBodies.length;i++) {
mainTable.tBodies[i].style.display="none";
mainTable.tBodies[n].style.display="block";
}
}
</script>

Answer 4

又对了一边应该没错，就是不行
<SCRIPT language=javascript>
function secBoard(n)
{
var t1=document.getElementById("secTable")
var t2=document.getElementById("mainTable")
for(var i=0;i<t1.rows[0].cells.length;i++){
t1.rows[0].cells[i].className="h3h";
t1.rows[0].cells[n].className="h3h";}

for(var i=0;i<t2.tbodies.length;i++){
t2.tBodies[i].style.display="none";
t2.tBodies[n].style.display="block";}

}
</SCRIPT>