UC知道javascript不兼容火狐浏览器
来源：百度知道 编辑：UC知道 时间：2024/07/06 20:52:47
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>contact us</title>
<link rel="stylesheet" type="text/css" href="file:///D|/AppServ/www/mycode/css/font.css">
<style type="text/css">
<!--
#header {
background-color: #F8F4EF;
}
#menu {
}
li
{list-style-type: none;}
#menu li { height:25px;
line-height:25px;
padding-left: 0px;
cursor: hand;
}
.sec1 { background-color: ; width:96px;}
.sec2 { background-color: #00CCFF; width:96px; }
.block { display: block; height:15px; width:800px; float:left;}
.unblock { display: none; height:15px;}
-->
</style>
</head>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>contact us</title>
<link rel="stylesheet" type="text/css" href="file:///D|/AppServ/www/mycode/css/font.css">
<style type="text/css">
<!--
#header {
background-color: #F8F4EF;
}
#menu {
}
li
{list-style-type: none;}
#menu li { height:25px;
line-height:25px;
padding-left: 0px;
cursor: hand;
}
.sec1 { background-color: ; width:96px;}
.sec2 { background-color: #00CCFF; width:96px; }
.block { display: block; height:15px; width:800px; float:left;}
.unblock { display: none; height:15px;}
-->
</style>
</head>
好乱的显示，乱的部分我不管，帮你改好了javascript。
<script language=javascript>
function secBoard(n)
{
var menus=document.getElementById("menu").getElementsByTagName("li");
var mains=document.getElementById("main").getElementsByTagName("li");
for(i=0;i<menus.length;i++)
menus[i].className="sec1";
menus[n].className="sec2";
for(i=0;i<mains.length;i++)
mains[i].style.display="none";
mains[n].style.display="block";
}
</script>
尊敬的用户，您好！很高兴为您答疑。
走读了一下您的代码，发现主要问题是childNodes使用上的问题，基于此，请您参阅一下：IE和FireFox中的childNodes区别。
希望我的回答对您有所帮助，如有疑问，欢迎继续咨询我们。