用JS控制CSS時,發生的問題

今天用JS控制Div的出現或隱藏,卻發生了神秘事件,幸有高人提醒,不然我又不知道搞多久。
事情是這樣的:畫面一開始要隱藏DIV,按了按鈕以後,再顯示DIV。

所以我先設了隱藏DIV的CSS(div的id是mydiv):

< style >
#mydiv{
display:none;
}
< /style >

JS要去顯示它,所以就寫了:

< script >
function showDiv(){
var divObj=document.getElementById('mydiv');
divObj.style.display='';
}
< /script >


我HTML的body

< body >
< div id="mydiv">This is div< /div >
< input onclick="showDiv();" value="Click Me To Show Div" type="button" >


結果…JS一點作用都沒有。

解決辦法就是:
把< style >拿掉,CSS直接下在DIV標籤上:

< div id="mydiv" style="display:none" >

雖然問題解決了,但我還是搞不懂為什麼會發生這種事=.=
註:以上為IE語法
Category: ,

0 意見: