急，请大家帮忙，一个Div+Js问题

Question

因为网页中这一块滑动门有很多地方是一样的，所以我让别人帮我写了一个通用的js，可是在IE下可以用，在火狐下就用不了了，请大家帮忙改下，如果能帮我写个本人感激不尽。(http://55701.8m8m.info/就是这个页面中间的滑动块)
//-------这是div部分------//
<div class="Slide01" >
<div class="Slidemenu">
<ul class="tbtn">
<li onclick="tabit(this)" id="tabap1_btn_0" class="curr">电脑入门</li>
<li onclick="tabit(this)" id="tabap1_btn_1">常用技巧</li>
<li onclick="tabit(this)" id="tabap1_btn_2">上网指南</li>
<li style="border-right:none;" onclick="tabit(this)" id="tabap1_btn_3">常用软件</li>
</ul>
</div>
<div class="SdCont01" id="tabap1_div_0"></div>
<div style="display: none;" class="tbcon" >这里是分类导航</div>
<div style="display: none;" class="tbcon" >网页特效的内容</div>
<div style="display: none;" class="tbcon" >浏览排行</div>
</div>//---这是Css部分--------//
.Slide01{ width:395px; height:368px; border:1px solid #cbe0f7; float:left; margin-left:10px;}
.Slidemenu{ width:395px; height:26px;}
ul.tbtn li.curr{background:#fff;border-bottom-color:#fff;cursor:default;color:#156db2; font-weight:bold;}
ul.tbtn li{background:#fffbf7;border:1px solid #cbe0f7;border-left:none;border-top:none;color:#156db2;cursorointer;display:block;float:left;height:26px;line-height:26px;text-align:center;
text-decoration:none;width:98px;background:url(images/qqmidmenu.gif) repeat-x;}//---- 这是JS部分------//
function tabit(btn)
{
var index=0;
for(i=0;i<btn.parentNode.childNodes.length;i++)
{
var o=btn.parentNode.childNodes[i];
o.className = "";
if ( btn==o)
{
index=i;
}
};
btn.style.display = "block";
btn.className = "curr";
var pNode =btn.parentNode.parentNode.parentNode;
for ( i=1 ;i< pNode.childNodes.length;i++)
{
pNode.childNodes[i].style.display = "none";
}
pNode.childNodes[index+1].style.display = "block";};

Answer 1

把js里面的childNodes 改成 children

Answer 2

把js里面的childNodes 改成 children

Answer 3

function tabit(btn)
{
var index=0;
for(i=0;i<btn.parentNode.childNodes.length;i++)
{
var o=btn.parentNode.childNodes[i];
o.className = "";
if ( btn==o){
index=i;
}
};
btn.style.display = "block";
btn.className = "curr";
var pNode =btn.parentNode.parentNode;//楼主这里错了
//alert(pNode.childNodes.length)
for ( i=0 ;i< pNode.childNodes.length;i++){
pNode.childNodes[i].style.display = "none";
}
btn.style.display = "block";
pNode.childNodes[index+1].style.display = "block";
}css我做了一下稍微修改.Slide01{ width:495px; height:368px; border:1px solid red; float:left; margin-left:10px;}
.Slidemenu{ width:395px; height:26px;}
ul.tbtn li.curr{background:#fff;border-bottom-color:#fff;cursor:default;color:#156db2; font-weight:bold;}
ul.tbtn li{background:#fffbf7;border:1px solid blue;border-left:none;border-top:none;color:#156db2;cursorointer;display:block;float:left;height:26px;line-height:26px;text-align:center; margin-left:1px;
text-decoration:none;width:68px;background:url(images/qqmidmenu.gif) repeat-x;}