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

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

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

看下面一段代碼：

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

二、解決方法：

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

那我們查看一下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"可以解決外，還有另外一種辦法就是：

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

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