关于div的显示/隐藏 郁闷～

Question

<a href="" onClick="javascript:ddiv.style.display = visible;">DD</a><div id="ddiv" style="position:absolute; visibility: hidden">
  
</div>楼主：定义隐藏的时候用了visibility，在隐藏的时候就不能用style.display 了
可以试试
<a href="" onClick="javascript:ddiv.style.visibility= 'visible';">DD</a>

Answer 1

display="none" 隐藏
display="block" 显示

Answer 2

好像style.visibility与style.display有所不同
style.visibility仍然要占用页面，而display则不

Answer 3

<a href="" onClick="javascript:ddiv.style.display = block;">DD</a><div id="ddiv" style="position:absolute; display:none;">
  
</div>

Answer 4

<a href="" onClick="javascript:ddiv.style.display = visible;">DD</a>
<div id="ddiv" style="position:absolute; visibility: hidden">
</div>你是在链接上点的。所以才会这样的。现在你这个链接根本不指向任何URL。
改为如下形式：
<a onClick="javascript:ddiv.style.display = visible;">DD</a>
<div id="ddiv" style="position:absolute; visibility: hidden">
</div>
或者直接用span
<span onClick="javascript:ddiv.style.display = visible;">DD</span>
<div id="ddiv" style="position:absolute; visibility: hidden">
</div>如果你想让其显示的象链接一样，就在style里面设置显示样式。

Answer 5

何不用style.display='none'跟style.display='block'试试呢?

Answer 6

style.display='none' // 不显示
style.display=''     // 显示
<a style="cursor:hand;" href="#" 
onclick="javascript:document.getElementById('div1').style.display=
document.getElementById('div1').style.display=='' ? 'none' : '';">
Click Here
</a>
<div id="div1">DIV1</div>

Answer 7

display="none" 隐藏
display="block" 显示
<input type="button" onclick="bb.style.display='block'" value="Click">
<div style="display:none" id="bb">
<table width="100%"  border="1">
  <tr>
     <td>asdfasdfasdf</td>
  </tr>
</table>
</div>