小編給大家分享一下html如何設(shè)置元素不可見，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

公司主營(yíng)業(yè)務(wù)：網(wǎng)站設(shè)計(jì)制作、成都網(wǎng)站制作、移動(dòng)網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實(shí)現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競(jìng)爭(zhēng)能力。成都創(chuàng)新互聯(lián)公司是一支青春激揚(yáng)、勤奮敬業(yè)、活力青春激揚(yáng)、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊(duì)。公司秉承以“開放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化，感謝他們對(duì)我們的高要求，感謝他們從不同領(lǐng)域給我們帶來(lái)的挑戰(zhàn)，讓我們激情的團(tuán)隊(duì)有機(jī)會(huì)用頭腦與智慧不斷的給客戶帶來(lái)驚喜。成都創(chuàng)新互聯(lián)公司推出應(yīng)城免費(fèi)做網(wǎng)站回饋大家。

html設(shè)置元素不可見的方法：1、在元素標(biāo)簽中添加hidden屬性；2、在元素標(biāo)簽中使用style屬性設(shè)置“display:none”樣式；3、在元素標(biāo)簽中使用style屬性設(shè)置“visibility:hidden”樣式。

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

html中使元素不可見有三種方法：

• 使用hidden屬性

• 使用style屬性設(shè)置display:none

• 使用style屬性設(shè)置visibility:false

顯然，使元素不可見有兩類方式：

• 元素徹底不可見，元素不會(huì)占據(jù)空間，仿佛消失了一樣

• 元素不可見，但是依舊占據(jù)著原來(lái)的空間，仿佛隱形了一樣

使用hidden屬性

<div hidden>hello</div>

使用hidden屬性的效果就是在渲染DOM時(shí)，會(huì)自動(dòng)把該元素的display屬性改為none。注意，hidden屬性的唯一用途就在此處：只在第一次添加hidden屬性時(shí)把display改為none。以后即便display屬性變成了block，hidden屬性依舊在那里放著。

由此可知，hidden和display=none產(chǎn)生的效果是相同的。但是不如display更直接、更根本。因此，以后不要使用hidden屬性，直接訪問style中的display屬性。

使用style屬性設(shè)置display:none

style中的display=none能夠讓一個(gè)元素徹底消失，無(wú)影無(wú)蹤，不占空間。

<div style="display:none">hello</div>

使用style屬性設(shè)置visibility=hidden

style中的visibility=hidden時(shí)，元素像隱形了一樣，但是依舊占據(jù)原來(lái)的空間。

<div style="visibility:hidden">hello</div>

看完了這篇文章，相信你對(duì)“html如何設(shè)置元素不可見”有了一定的了解，如果想了解更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

當(dāng)前文章：html如何設(shè)置元素不可見
分享鏈接：http://chinadenli.net/article18/jdjhdp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供手機(jī)網(wǎng)站建設(shè)、品牌網(wǎng)站制作、自適應(yīng)網(wǎng)站、虛擬主機(jī)、建站公司、Google

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)