display和visibility的區別範例介紹_javascript技巧

display通常可以設定為none、inline、block

visibility通常可以設定為hidden、visible

當display為none，visibility為hidden時，元素都會不見。不過其還有不同之處。

display會將元素隱藏掉，並且位置不再被佔據，而visibility則是佔據原來的位置。

看範例即可明白：

複製程式碼 程式碼如下:

<script> <BR>function isVisibility(me){ <BR>if (me.style.visibility=="hidden"){ <BR>me .style.visibility="visible"; } <BR>else{ <BR>me.style.visibility="hidden"; <BR>} <BR>} <br><br>function isDisplay(me){ <BR>if (me.style.display=="none"){ <BR>me.style.display="block"; } <BR>else{ <BR>me.style.display="none"; <BR> } <BR>} <BR></script>