问个js在IE和FF下不兼容的问题


for(var   i=0;i <oItem.cells.length;i++)
//for(var   i=0;i <oItem.children.length;i++)
{ 
var   x   =   oItem.cells[i]; 
//var   x   =   oItem.children(i); 
x.className   =   ""; 
var   y   =   x.getElementsByTagName('a'); 
y[0].style.color="#333333"; 
} 
 

解决方案 »

  1.   

    一楼大哥我把children 改成cells更不行了 在IE下都不行 
    to 是不触发,还是执行了没效果? 我也不知道啊 怎么看触发和没效果 
     我是做滑动门  就算没效果把 
      

  2.   

    switchTab  内第一行加个alert(1) 就知道是没有触发还是触发了没结果
      

  3.   

    搞错对象了,你的TabPage1是table控件吧??把cells改为rows,rows是行,cells是列,table不能直接使用
      

  4.   

    TabPage1是个div 
    <div id="Whatever">
    <ul class="TabBarLevel1" id="TabPage1" style="border:1px solid #CC0066">
    <li id="Tab1"  class="Selected" ><a href="#" onclick="switchTab('TabPage1','Tab1');">宝贝详情</a></li>
    <li  id="Tab2"><a href="#" onclick="switchTab('TabPage1','Tab2');">其他信息</a></li>
    <li  id="Tab3"><a href="#" onclick="switchTab('TabPage1','Tab3');">出价记录</a></li>
    <li  id="Tab4"><a href="#" onclick="switchTab('TabPage1','Tab4');">留言簿</a></li>
    </ul>
    <div id="cnt">
    <div id="dTab1" class="HackBox" style="display:block">代码如下：
                    <!--这里放入信息-->
                       哈哈哈哈1
    </div>
    <div id="dTab2" class="HackBox">代码如下：
                    <!--这里放入信息-->
                       哈哈哈哈2
    </div>
    <div id="dTab3" class="HackBox">代码如下：
                    <!--这里放入信息-->
                       哈哈哈哈3
    </div>
    <div id="dTab4" class="HackBox">代码如下：
                    <!--这里放入信息-->
                       哈哈哈哈4
    </div>
    </div>
    </div>
      

  5.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>无标题文档</title>
    <style type="text/css">
    .SortList4_Sort2_AllItem_class{ float:left; display:none;}
    </style>
    <script language="javascript" type="text/javascript">
    function switchTab(tabpage,tabid){ 
          var oItem = document.getElementById(tabpage).getElementsByTagName("li");   
    for(var i=0;i <oItem.length;i++){ 
    var x = oItem[i]; 
    x.className = ""; 
    var y = x.getElementsByTagName('a'); 
    y[0].style.color="#333333"; 
    } 
    document.getElementById(tabid).className = "Selected"; 
    var dvs=document.getElementById("cnt").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>
    </head><body>
    <div id="Whatever"> 
    <ul class="TabBarLevel1" id="TabPage1" style="border:1px solid #CC0066"> 
    <li id="Tab1" class="Selected" > <a href="#" onclick="switchTab('TabPage1','Tab1');"> 宝贝详情 </a> </li> 
    <li id="Tab2"> <a href="#" onclick="switchTab('TabPage1','Tab2');"> 其他信息 </a> </li> 
    <li id="Tab3"> <a href="#" onclick="switchTab('TabPage1','Tab3');"> 出价记录 </a> </li> 
    <li id="Tab4"> <a href="#" onclick="switchTab('TabPage1','Tab4');"> 留言簿 </a> </li> 
    </ul> 
    <div id="cnt"> 
    <div id="dTab1" class="HackBox" style="display:block"> 代码如下： 
      <!--这里放入信息--> 
      哈哈哈哈1 
    </div> 
    <div id="dTab2" class="HackBox"> 代码如下： 
      <!--这里放入信息--> 
      哈哈哈哈2 
    </div> 
    <div id="dTab3" class="HackBox"> 代码如下： 
      <!--这里放入信息--> 
      哈哈哈哈3 
    </div> 
    <div id="dTab4" class="HackBox"> 代码如下： 
      <!--这里放入信息--> 
      哈哈哈哈4 
    </div> 
    </div> 
    </div> 
    </body>
    </html>
      

  6.   

    上面代码可以运行在ff2.0改了var oItem = document.getElementById(tabpage).getElementsByTagName("li");   
    for(var i=0;i <oItem.length;i++){ 
    var x = oItem[i]; 这里
      

  7.   

     谢谢 你 我刚才也是用这个方法 怎么就不行 还是直接copy你的代码 汗