Question

js选项卡在谷歌、火狐浏览器变形,js不能执行

<style type="text/css">
body
{
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #EEF2FB;
}
</style>
<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 width="72%" border="0" cellpadding="0" cellspacing="0" id="sectable">
<tbody>
<tr align="center" height="20">
<td align="center" class="sec2" onclick="secBoard(0)" bgcolor="#6699ff">选项卡1</td>
<td> </td>
<td align="center" class="sec1" onclick="secBoard(1)" bgcolor="#6699ff">选项卡2</td>
</tr>
</tbody>
</table>
<table id="maintable" cellspacing="0" cellpadding="0" width="100%" border="0">
<!--关于tbody标记-->
<tbody style="display: block">
<tr>
<td valign="top" align="center">
<table width="98%" height="35" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#66ffff">
<tbody>
<tr>
<td height="5"></td>
</tr>
<tr>
<td>2</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
<tbody style="display: none">
<tr>
<td valign="top">
<table width="98%" height="35" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#66ffff">
<tbody>
<tr>
<td height="5" colspan="2"></td>
</tr>
<tr>
<td>1</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
求解,解决之后加分.谢谢
自己解决了,
function secBoard(n)
{
var secTable = document.getElementById("secTable");
for(i=0;i<secTable.rows[0].cells.length;i++)
{
secTable.rows[0].cells[i].className="sec1";
secTable.rows[0].cells[n].className="sec2";
}
var mainTable = document.getElementById("mainTable");
for(i=0;i<mainTable.tBodies.length;i++)
{
mainTable.tBodies[i].style.display="none";
mainTable.tBodies[n].style.display="block";
}
}
楼1,不帮人解决问题.瞎扯型的。

Answer 1

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

Answer 2

　　您好！很高兴为您答疑！

　　火狐下您可以安装Firebug检查调试页面代码，错误部分会有提示。
　　您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。

Answer 3

<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>
这里面的东西在谷歌或火狐里有些属性是不兼容的，若想兼容就不要用DOM，或者看看那两个浏览器兼容的属性是什么，或者建议直接用JQUERY

追问

能不能帮忙改下,我对js是初学者。