如何顯示的位置是：絕對的div一旦顯示：無屬性

Question

我有以下的div

<div id="mydiv" style="position: absolute; top: 60px; 
        left: 5px; right: 25px; bottom: 10px;"> 
    </div> 

然後，我通過JS隱藏與顯示沒有。是否有可能再次顯示它？沒有任何顯示屬性可用。謝謝

Answer 1

爲display屬性的默認值是「堵」，所以只是將其設置回的是：

var d = document.getElementById('my_div'); 

d.style.display = 'block'; 

編輯：

同胞回答者給了一個鏈接到W3Schools的，所以我認爲我會做得更好，併發送給您WebPlatform.org，這是一個社區驅動的網絡文檔。

Answer 2

var el = document.getElementById('example-element'); 

el.style.display = 'none'; 

el.style.display = 'block'; 

有關更多選項，check it out。

Answer 3

試試這個：

$("#mydiv").css("display","block"); 

Answer 4

嘗試這樣的。

​​

Answer 5

隱藏和顯示，你大概可以使用可視性：visible/hidden，基本上div一定是有，但會隱藏/顯示。

Answer 6

如果顯示和隱藏一些行動這個div（例如，在mouseover，onclick等），你可以簡單地使用toggleClass與jquery

CSS：

.display{display:block}

JS：

$("#mydiv").toggleClass('display')

Answer 7

I t可使用jQuery很容易實現，

1. $('#my_div').show() // display the hidden div i.e sets display:block 
2. $('#my_div').toggle() // toggles the display property. 

並採用純javascript它可以使用完成後，

var element = document.getElementById('myDiv'); 

element.style.display = 'block'; // sets display:block