js中style.display=""無效的解決方法_javascript技巧

一、問題描述：

在js中我們有時想動態的控制一個div顯示或隱藏或更多的操作，但如果我們style.display=""可能導致沒有效果。

看下面一段代碼：

代碼如下:



My name is smile.

css定義了id為name的div為隱藏，而我們在頁面加載完成之后用js控制該id顯示出來，這樣寫有錯么？
木有錯？可是為什么界面上還是空白呢？

二、解決方法：

記得還有一個用法是xxx.style.display="block" 那我們試試吧，
嗚呼，竟然顯示了?。?！

那我們查看一下style.display=""和style.display="block"用法有什么不同吧。
其實，這兩個的最大區別是block是塊顯示的，所以會換行，那么既然就這么點區別，為什么在本例子中一個可以顯示，一個不行呢?困擾。
好吧，這個問題先放開，我們先看現在這個問題中我們如何解決，除了用style.display="block"可以解決外，還有另外一種辦法就是：

代碼如下:
My name is smile.

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com