javascript - IE javascript - document.getElementById

Question

嗨，我正在尝试隐藏/显示一系列面板。 FF 下可以用，IE 下不行。我已将其添加到页面底部以隐藏所有面板，然后显示第一个面板

function clearem(){
document.getElementById("panel01").style="display:none";
document.getElementById("panel02").style="display:none";
document.getElementById("panel03").style="display:none";
document.getElementById("panel04").style="display:none";
document.getElementById("panel05").style="display:none";
document.getElementById("panel06").style="display:none";
document.getElementById("panel07").style="display:none";
document.getElementById("panel08").style="display:none";
document.getElementById("panel09").style="display:none";
document.getElementById("panel10").style="display:none";
document.getElementById("panel11").style="display:none";
}
function showem(mrfoo){
clearem();
document.getElementById("panel"+mrfoo).style="display:block!important"; return false
}
clearem();
showem("01");

它们是通过以下方式手动触发的:

<a href="#rail" onMouseOver="showem('09')" onClick="showem('09')">Railway</a></li>

你知道我做错了什么吗？

更新 - 我已将显示内容从引号中移出。它不能离线工作，但可以在线工作!

Answer 1

您正在将一个字符串分配给 style 属性。

改为通过 style.display 分配您的值。