如何顯示隱藏Html元素

顯示隱藏Html元素的方法：1、div的visibility可以控制div的顯示和隱藏，但是隱藏後頁顯示空白；2、透過設定display屬性可以使div隱藏後釋放佔用的頁面空間。

本教學操作環境：windows7系統、html5版，DELL G3電腦。

顯示隱藏Html元素的方法：

1、div的visibility可以控制div的顯示和隱藏，但隱藏後頁顯示空白:

style="visibility: none;"

document.getElementById("typediv1").style.visibility="hidden";//隐藏

document.getElementById("typediv1").style.visibility="visible";//显示

  $("#divid").css("vicibility","hidden")

  $("#divid").css("vicibility","visible")

2、透過設定display屬性可以讓div隱藏後釋放佔用的頁面空間，如下

style="display: none;"

　document.getElementById("typediv1").style.display="none";//隐藏

　document.getElementById("typediv1").style.display="";//显

   $("#divid").css("display","none");

   $("#divid").css("display","");

#相關學習推薦：##html影片教學

以上是如何顯示隱藏Html元素的詳細內容。更多資訊請關注PHP中文網其他相關文章！