这个tab切换在火狐里面不兼容怎么改？

Question

这是js代码//*Tab 懸浮切换
function tabit(btn){
var idname = new String(btn.id);
var s = idname.indexOf("_");
var e = idname.lastIndexOf("_")+1;
var tabName = idname.substr(0, s);
var id = parseInt(idname.substr(e, 1));
var tabNumber = btn.parentNode.childNodes.length;
for(i=0;i<tabNumber;i++){
document.getElementById(tabName+"_div_"+i).style.display = "none";
document.getElementById(tabName+"_btn_"+i).className = "";
};
document.getElementById(tabName+"_div_"+id).style.display = "block";
btn.className = "curr";//添加class

};

Answer 1

这是 html代码
  <div class="midmenu">
                        <div class="tbtncon tbtn1">
                            <ul class="llst">
                                <li id="tabap1_btn_0" class="curr" onmouseover="tabit(this)" style="border-right: 0px">ERP系统</li>
                                <li id="tabap1_btn_1" onmouseover="tabit(this)" style="border-right: 0px">CRM系统</li>
                                <li id="tabap1_btn_2" onmouseover="tabit(this)" style="border-right: 0px">进销存系统</li>
                                <li id="tabap1_btn_3" onmouseover="tabit(this)" style="border-right: 0px">项目管理系统</li>
                            </ul>
                        </div>
                    </div>
                    <div class="midinfo">
                        <div id="tabap1_div_0">
                            <ul class="llst02">
                                <li class="midtops">
                                    <div class="midtopleft">
                                        <a title="ERP系统" href="javascript:void(0)">
                                            <img src="images/02.jpg" alt="" /></a></div>
                                    <div class="midtopr big">
                                        <a title="ERP系统" href="javascript:void(0)">ERP系统</a></div>
                                    <div class="midtoprr">
                                        将客户关系、库存、财务、办公管理完美融合；互联网、局域网皆可使用。包含CRM、项目管理系统、进销存系统的所有功能，在一套系统内解决企业所有的管理问题，全程监控企业的运转和协作。</div>
                                    <div class="midtoprr">
                                        <a onmouseover="MM_swapImage('Image60','','images/b01.gif',1)" onmouseout="MM_swapImgRestore()"
                                            href="javascript:void(0)">
                                            <img id="Image60" border="0" name="Image60" alt="详细了解ERP系统" src="images/b1.gif" /></a>
                                        <a onmouseover="MM_swapImage('Image62','','images/b02.gif',1)" onmouseout="MM_swapImgRestore()"
                                            href="javascript:void(0)">
                                            <img id="Image62" border="0" name="Image62" alt="文档下载" src="images/b2.gif" /></a>
                                        <a onmouseover="MM_swapImage('Image63','','images/b04.gif',1)" onmouseout="MM_swapImgRestore()"
                                            href="javascript:void(0)">
                                            <img id="Image63" border="0" name="Image63" alt="免费试用ERP系统" src="images/b03.gif" /></a></div>
                                </li>
                                <li class="midend">
                                    <div class="midtendi">
                                        <span class="STYLE1">管理应用套件：</span>客户关系管理（CRM）、项目管理（PM）、企业资源计划（ERP）、仓库管理（WM）、财务管理（FM）、行政办公（OA）、目标管理（MBO）、电子商务平台（IEBP）、知识及时通（IKM）、人力资源管理（HR）、知识管理（KM）、团队管理（TM）</div>
                                </li>
                            </ul>
                        </div>
                        <div style="display: none" id="tabap1_div_1">
                            <ul class="llst02">
                                <li class="midtops">
                                    <div class="midtopleft">
                                        <a title="CRM系统" href="#">
                                            <img src="images/01.jpg" alt="" /></a></div>
                                    <div class="midtopr big">
                                        <a title="CRM系统" href="javascript:void(0)">CRM系统</a></div>
                                    <div class="midtoprr">
                                        侧重客户关系和团队管理；互联网、局域网皆可使用。包括客户、联系人、对手、产品、合同、回款、售后、费用、日程、公告、知识库、备忘录、个性网址、图表统计、自动提醒、团队等功能模块。</div>
                                    <div class="midtoprr">
                                        <a onmouseover="MM_swapImage('Image70','','images/b01.gif',1)" onmouseout="MM_swapImgRestore()"
                                            href="javascript:void(0)">
                                            <img id="Image70" border="0" name="Image70" alt="详细了解CRM系统" src="images/b1.gif" /></a>
                                        <a onmouseover="MM_swapImage('Image72','','images/b02.gif',1)" onmouseout="MM_swapImgRestore()"
                                            href="javascript:void(0)">
                                            <img id="Image72" border="0" name="Image72" alt="文档下载" src="images/b2.gif" /></a>
                                        <a onmouseover="MM_swapImage('Image73','','images/b04.gif',1)" onmouseout="MM_swapImgRestore()"
                                            href="javascript:void(0)">
                                            <img id="Image73" border="0" name="Image73" alt="免费试用CRM系统" src="images/b03.gif" /></a></div>
                                </li>
                                <li class="midend">
                                    <div class="midtendi">
                                        <span class="STYLE1">管理应用套件：</span>客户关系管理（CRM）、项目管理（PM）、企业资源计划（ERP）、仓库管理（WM）、财务管理（FM）、行政办公（OA）、目标管理（MBO）、电子商务平台（IEBP）、知识及时通（IKM）、人力资源管理（HR）、知识管理（KM）、团队管理（TM）</div>
                                </li>
                            </ul>
                        </div>
                        <div style="display: none" id="tabap1_div_2">
                            <ul class="llst02">
                                <div class="midtops">
                                    <div class="midtopleft">
                                        <a title="进销存系统" href="javascript:void(0)">
                                            <img src="images/03.jpg" alt="" /></a></div>
                                    <div class="midtopr big">
                                        <a title="进销存系统" href="javascript:void(0)">进销存系统</a></div>
                                    <div class="midtoprr">
                                        侧重进货、库存和账款管理；互联网、局域网皆可使用。包括客户、采购、入库、出库、盘点、调拨、借货、还货、退货、预警、订单、回款、付款、售后、公告、备忘录、图表统计等功能模块。</div>
                                    <div class="midtoprr">
                                        <a onmouseover="MM_swapImage('Image80','','images/b01.gif',1)" onmouseout="MM_swapImgRestore()"
                                            href="javascript:void(0)">
                                            <img id="Image80" border="0" name="Image80" alt="详细了解进销存系统" src="images/b1.gif" /></a>
                                        <a onmouseover="MM_swapImage('Image82','','images/b02.gif',1)" onmouseout="MM_swapImgRestore()"
                                            href="javascript:void(0)">
                                            <img id="Image82" border="0" name="Image82" alt="文档下载" src="images/b2.gif" /></a>
                                        <a onmouseover="MM_swapImage('Image83','','images/b04.gif',1)" onmouseout="MM_swapImgRestore()"
                                            href="javascript:void(0)">
                                            <img id="Image83" border="0" name="Image83" alt="免费试用进销存系统" src="images/b03.gif" /></a></div>
                                </div>
                                <div class="midend">
                                    <div class="midtendi">
                                        <span class="STYLE1">管理应用套件：</span>客户关系管理（CRM）、项目管理（PM）、企业资源计划（ERP）、仓库管理（WM）、财务管理（FM）、行政办公（OA）、目标管理（MBO）、电子商务平台（IEBP）、知识及时通（IKM）、人力资源管理（HR）、知识管理（KM）、团队管理（TM）</div>
                                </div>
                            </ul>
                        </div>
                        <div style="display: none" id="tabap1_div_3">
                            <ul class="llst02">
                                <div class="midtops">
                                    <div class="midtopleft">
                                        <a title="项目管理系统" href="#">
                                            <img src="images/04.jpg" alt="" /></a></div>
                                    <div class="midtopr big">
                                        <a title="项目管理系统" href="#">项目管理系统</a></div>
                                    <div class="midtoprr">
                                        侧重客户关系和项目的管理；互联网、局域网皆可使用。包括客户、对手、项目、报价、合同、回款、售后、费用、日程、公告、知识库、备忘录、个性网址、图表统计、提醒、团队管理等功能模块。</div>
                                    <div class="midtoprr">
                                        <a onmouseover="MM_swapImage('Image90','','images/b01.gif',1)" onmouseout="MM_swapImgRestore()"
                                            href="#">
                                            <img id="Image90" border="0" name="Image90" alt="详细了解项目管理系统" src="images/b1.gif" /></a>
                                        <a onmouseover="MM_swapImage('Image92','','images/b02.gif',1)" onmouseout="MM_swapImgRestore()"
                                            href="#">
                                            <img id="Image92" border="0" name="Image92" alt="视频介绍项目管理系统" src="images/b2.gif" /></a>
                                        <a onmouseover="MM_swapImage('Image93','','images/b04.gif',1)" onmouseout="MM_swapImgRestore()"
                                            href="#">
                                            <img id="Image93" border="0" name="Image93" alt="免费试用项目管理系统" src="images/b03.gif" /></a></div>
                                </div>
                                <div class="midend">
                                    <div class="midtendi">
                                        <span class="STYLE1">管理应用套件：</span>客户关系管理（CRM）、项目管理（PM）、企业资源计划（ERP）、仓库管理（WM）、财务管理（FM）、行政办公（OA）、目标管理（MBO）、电子商务平台（IEBP）、知识及时通（IKM）、人力资源管理（HR）、知识管理（KM）、团队管理（TM）</div>
                                </div>
                            </ul>
                        </div>
                    </div>

Answer 2

ie和其他浏览中btn.parentNode.childNodes.length是不同的，firefox含空格，ie不含，所以不行，你需要采用
getElementsByTagName找节点，而不是btn.parentNode.childNodes

Answer 3

本帖最后由 net_lover 于 2010-12-08 09:41:00 编辑

  

Answer 4

不兼容的话，有什么错误提示吗？
如果考虑兼容性，最好是用jquery来写JS代码，这样你的问题就不是问题了。