javascript - 如何显示位置：绝对 div 一旦它有 display: none 属性

Question

我有一个以下 div

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

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

score 2 · Accepted Answer

它可以很容易地使用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

score 0 · Accepted Answer

该display属性的默认值为'block'，因此只需将其设置回：

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

d.style.display = 'block';

编辑：

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

score 0 · Accepted Answer

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

el.style.display = 'none';

el.style.display = 'block';

有关更多选项，请查看。

score 0 · Accepted Answer

0

试试这个：

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

于 2013-09-23T11:37:59.367 回答

score 0 · Accepted Answer

0

像这样试试。

$('#my_div').show()

于 2013-09-23T11:38:17.613 回答

score 0 · Accepted Answer

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

score 0 · Accepted Answer

如果您在某些操作（例如 on 等）上显示和隐藏此 div mouseover，onclick 您可以简单地使用toggleClasswithjquery

CSS：

.display{display:block}

js：

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

7 回答 7