Js代码无法在火狐运行,该怎么处理
日期：2014-05-16 浏览次数：20348 次
Js代码无法在火狐运行
<script language=javascript>
function seleboard(n)
{
for(i=0;i<document.getElementById("seletable").cells.length;i++)
document.getElementById("seletable").cells[i].className="sele1";
document.getElementById("seletable").cells[n].className="sele2";
for(i=0;i<document.getElementById("maintable").tBodies.length;i++)
document.getElementById("maintable").tBodies[i].style.display="none";
document.getElementById("maintable").tBodies[n].style.display="block";
}
</script>
在IE可以
------解决方案--------------------
cells这个属性，Firefox不能在table下用，在tr下用就有。
------解决方案--------------------
<script language=javascript>
function seleboard(n)
{
for(i=0;i<document.getElementById("seletable").cells.length;i++)
document.getElementById("seletable").cells[i].className="sele1";
document.getElementById("seletable").cells[n].className="sele2";
for(i=0;i<document.getElementById("maintable").tBodies.length;i++)
document.getElementById("maintable").tBodies[i].style.display="none";
document.getElementById("maintable").tBodies[n].style.display="block";
}
</script>
在IE可以
------解决方案--------------------
cells这个属性，Firefox不能在table下用，在tr下用就有。
------解决方案--------------------
- HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>
demo
</title>
<style type="text/css">
<!--
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
body {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
}
a:link {
color: #000000;
text-decoration: underline;
}
a:visited {
text-decoration: underline;
color: #000000;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: underline;
}
#container{
margin-left:auto;
margin-right:auto;
width:1066px;;
}
#left{
margin-top:20px;
margin-left:40px;
width:710px;
float:left;
clear:right;
}
#up{
margin:0px;
width:684px;
height:264px;
}
.sec1 {
background:transparent #FFFFFF no-repeat 0px 0em;
cursor: pointer;
color: #000000;
font-weight: bold;
height:40px;
font-size:16px;
}
.sec2 {
background:transparent #66CCFF no-repeat 0px 0em;
cursor: pointer;
color: #FF0000;
font-weight: bold;
height:40px;
font-size:16px;
}
.main_tab {
background-color:#FFFF33;
position:inherit;
}
.STYLE3 {font-size: 10px; color: #666666; }
-->
</style>
<script language=javascript>
function secBoard(n)
{
for(i=0;i<document.getElementById('secTable').rows[0].cells.length;i++){
document.getElementById('secTable').rows[0].cells[i].className="sec2";
document.getElementById('secTable').rows[0].cells[n].className="sec1";
}
for(i=0;i<document.getElementById('mainTable').tBodies.length;i++){
document.getElementById('mainTable').tBodies[i].style.display="none";
}
document.getElementById('mainTable').tBodies[n].style.display="block";
}
</script>
</head>
<body>
<div id="container">
<div id="left">
<div id="up">
<table width="516px" height="40px;" border=0 cellpadding=0 cellspacing=0 id=secTable>
<tr align=center>
<td width="258px" valign="middle" class=sec1 onclick="secBoard(0)">Find a business</td>
<td width="258px" valign="middle" class=sec2 onclick="secBoard(1)">Add your buisiness</td>
</tr>
</table>
<table width="685px" height="224px" border="0" cellpadding="o" cellspacing="0" class="main_tab" id="mainTable">
<form action="" method="post" name="find_business" id="find_business">
<tbody style="display:block;">
<tr><td>1111111111111111111111<
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
