Html元素的顯示和隱藏


 

將一個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";

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM