2013-10-23 50 views
0

嗨我試圖隱藏/顯示一系列面板。它在FF中工作,但不是IE。香港專業教育學院已將此添加到頁面隱藏所有的底部,然後顯示前面板IE javascript - document.getElementById

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> 

任何想法即時做錯了什麼?

UPDATE-IVE將顯示移出引號。它不能脫機工作,但在線!

回答

3

您正在給style屬性分配一個字符串。

改爲使用style.display來指定值。

2

,你應該做的:

document.getElementById("panel11").style.display="none"; 
相關問題