如何顯示隱藏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中文網其他相關文章！