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来分配您的值。

Answer 2

你应该这样做：

document.getElementById("panel11").style.display="none";