求解：谷歌遨游不兼容一下JS效果，劳驾各位高手

Question

菜单点击后变色，点击另一个，原先菜单变回原色，IE 360可用 但是谷歌 遨游没反应，各位大侠求解CSS:
.menu{ float:left; height:43px; padding-top:49px;}
.menu ul.TabBarLevel1 li{ float:left; height:39px; display:block; width:131px; background:url(../images/menu_bj.jpg) no-repeat;  text-align:center;}
.menu ul.TabBarLevel1 li a{ line-height:39px; color:#5e5e5e;font-size:12px; font-weight:bold; text-decoration:none;}
.menu ul.TabBarLevel1 li a:hover{ text-decoration:underline;}
.menu ul.TabBarLevel1 li.Selected{float:left; height:39px; display:block; width:131px; background:url(../images/menu_bj2.jpg) no-repeat;  text-align:center; }
.menu ul.TabBarLevel1 li.Selected a{ color:#fff;}
.menu ul.TabBarLevel1 li.Selected a:hover{color:#fff;}JS:
<script language="JavaScript" type="text/javascript">
 //Switch Tab Effect
function switchTab(tabpage, tabid){
     var oItem = document.getElementById(tabpage);
    for (var i = 0; i < oItem.children.length; i++)
    {
var x = oItem.children(i);
x.className = "";
var y = x.getElementsByTagName('a');
    }
    document.getElementById(tabid).className = "Selected";
    var dvs = document.getElementById("TabPage1").getElementsByTagName("div");
    for (var i = 0; i < dvs.length; i++) 
   {
if (dvs[i].id == ('d' + tabid)) dvs[i].style.display = 'block';
else dvs[i].style.display = 'none';
   }
  }
</script>DIV：
<div class="menu">
      <ul class="TabBarLevel1" id="TabPage1">
          <li id="Tab1" class="Selected"><a href="#" onclick="javascript:switchTab('TabPage1','Tab1');">网站设置</a></li>
          <li id="Tab2"><a href="#" onclick="javascript:switchTab('TabPage1','Tab2');">网站信息</a></li>
          <li id="Tab3"><a href="#" onclick="javascript:switchTab('TabPage1','Tab3');">会员信息</a></li>
          <li id="Tab4"><a href="#" onclick="javascript:switchTab('TabPage1','Tab4');">互动信息</a></li>
          <li id="Tab5"><a href="#" onclick="javascript:switchTab('TabPage1','Tab5');">聊天室信息</a></li>
          <li id="Tab6"><a href="#" onclick="javascript:switchTab('TabPage1','Tab6');">检索信息</a></li>
          <li id="Tab7"><a href="#" onclick="javascript:switchTab('TabPage1','Tab7');">系统信息</a></li>
       </ul>
</div>

Answer 1

children是IE核心的东东，用childNodes来代替，不过注意空白节点也算在childNodes里面非IE核心浏览器下面，而且取下标用[]，不要用() //Switch Tab Effect
function switchTab(tabpage, tabid){
  var oItem = document.getElementById(tabpage);
  for (var i = 0; i < oItem.childNodes.length; i++)
  {
var x = oItem.childNodes[i];
if(x.nodeType==1)//非文本节点
x.className = "";
//var y = x.getElementsByTagName('a');
  }
  document.getElementById(tabid).className = "Selected";
  var dvs = document.getElementById("TabPage1").getElementsByTagName("div");
  for (var i = 0; i < dvs.length; i++) 
  {
if (dvs[i].id == ('d' + tabid)) dvs[i].style.display = 'block';
else dvs[i].style.display = 'none';
  }
  }