這篇文章將為大家詳細(xì)講解有關(guān)怎么顯示隱藏Html元素，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

成都創(chuàng)新互聯(lián)公司堅(jiān)持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：網(wǎng)站設(shè)計(jì)、做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時(shí)代的吉木乃網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

html是什么

html的全稱為超文本標(biāo)記語(yǔ)言，它是一種標(biāo)記語(yǔ)言，包含了一系列標(biāo)簽．通過(guò)這些標(biāo)簽可以將網(wǎng)絡(luò)上的文檔格式統(tǒng)一，使分散的Internet資源連接為一個(gè)邏輯整體，html文本是由html命令組成的描述性文本，html命令可以說(shuō)明文字，圖形、動(dòng)畫、聲音、表格、鏈接等，主要和css+js配合使用并構(gòu)建優(yōu)雅的前端網(wǎng)頁(yè)。

顯示隱藏Html元素的方法：1、div的visibility可以控制div的顯示和隱藏，但是隱藏后頁(yè)面顯示空白；2、通過(guò)設(shè)置display屬性可以使div隱藏后釋放占用的頁(yè)面空間。

本教程操作環(huán)境：windows7系統(tǒng)、html5版，DELL G3電腦。

顯示隱藏Html元素的方法：

1、div的visibility可以控制div的顯示和隱藏，但是隱藏后頁(yè)面顯示空白:

　　style="visibility: none;"
 
　　document.getElementById("typediv1").style.visibility="hidden";//隱藏
 
　　document.getElementById("typediv1").style.visibility="visible";//顯示
 
    $("#divid").css("vicibility","hidden")
 
    $("#divid").css("vicibility","visible")

2、通過(guò)設(shè)置display屬性可以使div隱藏后釋放占用的頁(yè)面空間，如下

　style="display: none;"
 
　　document.getElementById("typediv1").style.display="none";//隱藏
 
　　document.getElementById("typediv1").style.display="";//顯
 
    $("#divid").css("display","none");
 
    $("#divid").css("display","");

關(guān)于“怎么顯示隱藏Html元素”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。