html設(shè)置元素不可見(jiàn)的方法：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中使元素不可見(jiàn)有三種方法：

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

顯然，使元素不可見(jiàn)有兩類(lèi)方式：

• 元素徹底不可見(jiàn)，元素不會(huì)占據(jù)空間，仿佛消失了一樣
• 元素不可見(jiàn)，但是依舊占據(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屬性，直接訪問(wèn)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>

推薦教程：《html視頻教程》