將一個html元素隱藏的語法如下
<span style="display:none">此時的我你是看你見的</span>
visibility: hidden和display: none 在作用、對HTML元素的影響、定義上有所不同:
1、作用不同
visibility: hidden----將元素隱藏,但是在網頁中該占的位置還是占着。
display: none----將元素的顯示設為無,即在網頁中不占任何的位置。
2、使用后HTML元素有所不同
visibility:hidden,使用該屬性后,HTML元素(對象)僅僅是在視覺上看不見(完全透明),而它所占據的空間位置仍然存在,也即是說它仍具有高度、寬度等屬性值。
display:none,使用該屬性后,HTML元素(對象)的寬度、高度等各種屬性值都將“丟失”。
3、定義不同
visibility 屬性指定一個元素是否是可見的。
display這個屬性用於定義建立布局時元素生成的顯示框類型。
使用JavaScript將一個元素隱藏
document.getElementById('elementId').style.display = "none";