国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

msn上的tab功能Firefox對childNodes處理的一個BUG

2019-11-21 01:49:25
字體:
來源:轉載
供稿:網友
Firefox對childNodes處理的一個BUG     
childNodesFirefox在處理childNodes沒有過濾換行與空格。所以在初次使用的時候,得到效果不是預期的效果。
HTML
復制代碼 代碼如下:

<ul class="tbtn" ID="menuList">
<li class="curr" id="tabap3_btn_0" onclick="tabit(this)">理財大學B</li>
<li id="tabap3_btn_1" onclick="tabit(this)">名醫講堂</li>
<li id="tabap3_btn_2" onclick="tabit(this)">名醫講堂</li>
<li id="tabap3_btn_3" onclick="tabit(this)">名醫講堂</li>
<li class="lst" id="tabap3_btn_4" onclick="tabit(this)">影壇熱點</li>
</ul>

JS
復制代碼 代碼如下:

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;    //IE和FF的值不同    
    for(i=0;i<tabNumber;i++)
      {
        if(document.getElementById(tabName+"_div_"+i)!=null)    //這里需要進行判斷
          {
        document.getElementById(tabName+"_div_"+i).style.display = "none";
        document.getElementById(tabName+"_btn_"+i).style.backgroundImage = "url(pic/t-1-2.gif)";
        document.getElementById(tabName+"_btn_"+i).style.borderBottomColor = "#D7F2DA";
        document.getElementById(tabName+"_btn_"+i).style.cursor = "pointer";
        }
    }
    document.getElementById(tabName+"_div_"+id).style.display = "block";
    btn.style.backgroundColor = "#fff";
    btn.style.borderBottomColor = "#fff";
    btn.style.cursor = "default";
}

 在IE上menuList的childNodes.length的值為5,而在Firefox值為11.因此我們在使用childNodes對象時需要先對其判斷或去掉空格。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 黄冈市| 石阡县| 磴口县| 普兰店市| 房产| 友谊县| 泸水县| 哈密市| 游戏| 扎囊县| 广元市| 常熟市| 河东区| 常州市| 铁岭县| 沧州市| 普兰县| 漳平市| 房山区| 鄄城县| 贺兰县| 城固县| 方城县| 布尔津县| 贵溪市| 秦安县| 邳州市| 丹阳市| 嫩江县| 克东县| 招远市| 大洼县| 三都| 闽清县| 工布江达县| 泾阳县| 荔浦县| 达州市| 大荔县| 高唐县| 扎兰屯市|