msn上のtab機能FirefoxによるchildNodes処理の一つのBUG
2085 ワード
FirefoxによるchildNodes処理の一つのBUG childNodes Firefoxは、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である。したがって、child Nodesオブジェクトを使用する場合は、スペースを判断または削除する必要がある。