如何显示位置：绝对div一旦显示：无属性

Question

我有以下div

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

然后我通过JS隐藏它，显示无。是否有可能再次显示它？所有显示属性都不起作用。谢谢

Answer 1

使用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

Answer 2

display属性的默认值是'block'，所以只需将其设置为：

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

d.style.display = 'block';

修改：

我的回答者给了W3Schools一个链接，所以我想我会做得更好，然后发送给WebPlatform.org，这是一个社区驱动的网络文档。

Answer 3

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

el.style.display = 'none';

el.style.display = 'block';

有关更多选项，check it out。

Answer 4

试试这个：

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

Answer 5

试试这样。

$('#my_div').show()

Answer 6

隐藏和显示，您可以使用可见性：visible/hidden，其中div基本上会在那里，但会隐藏/显示。

Answer 7

如果您在某些操作上显示并隐藏此div（例如，在mouseover，onclick等），则只需将toggleClass与jquery

一起使用即可

的CSS：

.display{display:block}

JS：

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