代码不兼容FF，帮忙

Question

function showSnav(ID){
  if(ID!=nID){
    navTitle[nID].className='';
    navTitle[ID].className='nav_on';
    nav_snav[nID].style.display='none';
    nav_snav[ID].style.display='';
    nID=ID;
  }
}
应用部分
<div class="tabs">
<div class="tabs_title">
<div class="tabs_title_02" id="TabTitle"  onClick="showTabs(0)" onmouseover="showTabs(0)">学习卡</div>
<div class="tabs_title_01" id="TabTitle" onClick="showTabs(1)" onmouseover="showTabs(1)">图 书</div>
<div class="tabs_title_01" id="TabTitle" onClick="showTabs(2)" onmouseover="showTabs(2)">纪念品</div>
</div>
<div class="tabs_content" id="TabContent" style="display:block;">
<ul class="pic_list"><label:block("shop","li_pic","classid=10;sql_order=new;num_row=5;num_topic=30")></ul>
</div>
<div class="tabs_content" id="TabContent" style="display:none;">
<ul class="pic_list"><label:block("shop","li_pic","classid=11;sql_order=new;num_row=5;num_topic=30")></ul>
</div>
<div class="tabs_content" id="TabContent" style="display:none;">
<ul class="pic_list"><label:block("shop","li_pic","classid=12;sql_order=new;num_row=5;num_topic=30")></ul>
</div>
</div>
这段代码FF不起作用，我记得好像要 document.getElementsByid 但仍然无效
而OPERA就能用。新手求解，各位大虾帮忙

Answer 1

js放错了，应该是
var tID=0;
function showTabs(ID){
  if(ID!=tID){
    TabTitle[tID].className='tabs_title_01';
    TabTitle[ID].className='tabs_title_02';
    TabContent[tID].style.display='none';
    TabContent[ID].style.display='';
    tID=ID;
  }
}

Answer 2

不清楚ff中如果有多个标签有相同id值时document.getElementsById取得的是集合还是一个对象~~~
你试试~
var tID=0;
var TabTitle=document.getElementById("TabTitle");
function showTabs(ID){
  if(ID!=tID){
    TabTitle[tID].className='tabs_title_01';
    TabTitle[ID].className='tabs_title_02';
    TabContent[tID].style.display='none';
    TabContent[ID].style.display='';
    tID=ID;
  }
}

Answer 3

相同ID倒没所谓，只是JS没写好。<script>
var tID=0;
function showTabs(ID){
var TabTitle=document.getElementsByName("TabTitle"),TabContent=document.getElementsByName("TabContent")
  if(ID!=tID){
    TabTitle[tID].className='tabs_title_01'; TabContent[tID].style.display='none';
    TabTitle[ID].className='tabs_title_02'; TabContent[ID].style.display='block';
    tID=ID;
  }
}
</script>
<div class="tabs">
    <div class="tabs_title">
    <div class="tabs_title_02" id="TabTitle"  onClick="showTabs(0)" onmouseover="showTabs(0)">学习卡</div>
    <div class="tabs_title_01" id="TabTitle" onClick="showTabs(1)" onmouseover="showTabs(1)">图 书</div>
    <div class="tabs_title_01" id="TabTitle" onClick="showTabs(2)" onmouseover="showTabs(2)">纪念品</div>
    </div>
    <div class="tabs_content" id="TabContent" style="display:block;">
    <ul class="pic_list"><label:block("shop","li_pic","classid=10;sql_order=new;num_row=5;num_topic=30")></ul>
    </div>
    <div class="tabs_content" id="TabContent" style="display:none;">
    <ul class="pic_list"><label:block("shop","li_pic","classid=11;sql_order=new;num_row=5;num_topic=30")></ul>
    </div>
    <div class="tabs_content" id="TabContent" style="display:none;">
    <ul class="pic_list"><label:block("shop","li_pic","classid=12;sql_order=new;num_row=5;num_topic=30")></ul>
    </div>
</div>

Answer 4

才留意楼主想要兼容FF，刚才忘记了FF下用document.getElementsByName是取name而不是id的，所以改正如下。
<script>
var tID=0;
function showTabs(ID){
var TabTitle=document.getElementsByName("TabTitle")
var TabContent=document.getElementsByName("TabContent")
  if(ID!=tID){
    TabTitle[tID].className='tabs_title_01'; TabContent[tID].style.display='none';
    TabTitle[ID].className='tabs_title_02'; TabContent[ID].style.display='block';
    tID=ID;
  }
}
</script>
<div class="tabs">
    <div class="tabs_title">
    <div class="tabs_title_02" id="TabTitle" name="TabTitle" onClick="showTabs(0)" onmouseover="showTabs(0)">学习卡</div>
    <div class="tabs_title_01" id="TabTitle" name="TabTitle" onClick="showTabs(1)" onmouseover="showTabs(1)">图 书</div>
    <div class="tabs_title_01" id="TabTitle" name="TabTitle" onClick="showTabs(2)" onmouseover="showTabs(2)">纪念品</div>
    </div>
    <div class="tabs_content" id="TabContent" name="TabContent" style="display:block;">
    <ul class="pic_list"><label:block("shop","li_pic","classid=10;sql_order=new;num_row=5;num_topic=30")></ul>
    </div>
    <div class="tabs_content" id="TabContent" name="TabContent" style="display:none;">
    <ul class="pic_list"><label:block("shop","li_pic","classid=11;sql_order=new;num_row=5;num_topic=30")></ul>
    </div>
    <div class="tabs_content" id="TabContent" name="TabContent" style="display:none;">
    <ul class="pic_list"><label:block("shop","li_pic","classid=12;sql_order=new;num_row=5;num_topic=30")></ul>
    </div>
</div>

Answer 5

谢谢楼上的帮忙，FF通过了。
可能我写的习惯都是图省事偷懒，看来ID是否最好是唯一的才算规范呢