欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js中style.display=""無(wú)效的解決方法

 更新時(shí)間:2014年10月30日 11:30:49   投稿:shichen2014  
這篇文章主要介紹了js中style.display=""無(wú)效的解決方法,是js程序設(shè)計(jì)中非常常見(jiàn)的問(wèn)題,需要的朋友可以參考下

本文實(shí)例講述了js中style.display=""無(wú)效的解決方法。分享給大家供大家參考。具體解決方法如下:

一、問(wèn)題描述:

在js中我們有時(shí)想動(dòng)態(tài)的控制一個(gè)div顯示或隱藏或更多的操作,但如果我們style.display=""可能導(dǎo)致沒(méi)有效果。

看下面一段代碼:

復(fù)制代碼 代碼如下:
<style>
 #name
 {
     display:none;
 }
</style>
</head>
<body>
<div id="name" >
My name is smile.
</div>
</body>
</html>
<script>
window.onload=function(){
document.getElementById('name').style.display="";
 alert("test");
}
</script>

css定義了id為name的div為隱藏,而我們?cè)陧?yè)面加載完成之后用js控制該id顯示出來(lái),這樣寫(xiě)有錯(cuò)么?
木有錯(cuò)?可是為什么界面上還是空白呢?

二、解決方法:

記得還有一個(gè)用法是xxx.style.display="block" 那我們?cè)囋嚢桑?br /> 嗚呼,竟然顯示了!?。?/p>

那我們查看一下style.display=""和style.display="block"用法有什么不同吧。
其實(shí),這兩個(gè)的最大區(qū)別是block是塊顯示的,所以會(huì)換行,那么既然就這么點(diǎn)區(qū)別,為什么在本例子中一個(gè)可以顯示,一個(gè)不行呢?困擾。
好吧,這個(gè)問(wèn)題先放開(kāi),我們先看現(xiàn)在這個(gè)問(wèn)題中我們?nèi)绾谓鉀Q,除了用style.display="block"可以解決外,還有另外一種辦法就是:

復(fù)制代碼 代碼如下:
<div id="name" style="display:none" >
My name is smile.
</div>
<script>
     document.getElementById('name').style.display="";
</script>

就是把id為name的樣式用style這樣內(nèi)置到標(biāo)簽內(nèi),這樣不管用display=""還是display="block"就都可以正常顯示啦!

希望本文所述對(duì)大家基于javascript的web程序設(shè)計(jì)有所幫助。

相關(guān)文章

最新評(píng)論