設定元素隱藏但是保留原來佔據的位置
關於元素的隱藏大家可能比較熟悉,可能第一時間想到的是使用如下屬性:
[CSS] 純文字檢視 複製程式碼display:none
確實如此,上面的程式碼能夠將元素設定為隱藏,但是它原來佔據的位置也不復存在,如果想要儲存原來的位置,就要使用如下屬性:
[CSS] 純文字檢視 複製程式碼visibility:hidden;
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script type="text/javascript"> window.onload=function(){ var display=document.getElementById("display"); var visibility=document.getElementById("visibility"); var top=document.getElementById("top"); var bottom=document.getElementById("bottom"); display.onclick=function(){ var lis=top.getElementsByTagName("li"); lis[0].style.display="none"; } visibility.onclick=function(){ var lis=bottom.getElementsByTagName("li"); lis[0].style.visibility="hidden"; } } </script> </head> <body> <ul id="top"> <li>螞蟻部落一</li> <li>螞蟻部落二</li> </ul> <input type="button" id="display" value="display"/> <ul id="bottom"> <li>螞蟻部落一</li> <li>螞蟻部落二</li> </ul> <input type="button" id="visibility" value="visibility"/> </body> </html>
相關文章
- 隱藏元素,保留功能
- jquery position()計算的是元素所佔據位置的座標jQuery
- CSS隱藏元素方法CSS
- visibility和display設定元素的顯示和隱藏的區別
- 隱藏元素兩種方式
- 隱藏滾動條保留滾動效果
- js設定元素控制元件顯示和隱藏程式碼例項JS控制元件
- CSS 隱藏元素的八種方法CSS
- 三種隱藏 HTML 元素的方式HTML
- win10系統保留分割槽怎麼隱藏_win10如何隱藏系統保留分割槽Win10
- win10怎麼隱藏設定專案_Win10系統隱藏設定專案的方法Win10
- win10圖示隱藏了怎麼弄出來_win10顯示隱藏的圖示設定方法Win10
- jQuery隱藏一個div元素jQuery
- jQuery 判斷元素是否隱藏jQuery
- css如何隱藏一個元素CSS
- 原來,阿里工程師才是隱藏的“修圖高手”!阿里工程師
- JavaScript 設定div顯示與隱藏JavaScript
- squid3.0 隱藏 hearder 設定UI
- 路由器設定關閉SSID隱藏WiFi教程 WiFi怎麼隱藏起來?路由器WiFi
- 小米8隱藏劉海屏設定教程 小米8劉海屏怎麼隱藏
- 有趣的css—隱藏元素的7種思路CSS
- Win10字尾名隱藏了怎麼設定 win10字尾名隱藏了設定的方法Win10
- 使用 hide和 show方法來隱藏和顯示 HTML 元素IDEHTML
- 使用CSS隱藏元素滾動條CSS
- 點選元素實現當前元素隱藏效果
- 小米8SE隱藏劉海設定教程 小米8 SE怎麼隱藏劉海?
- EditText設定密碼隱藏和顯示密碼
- 手勢隱藏軟鍵盤&設定UISearchBarUI
- 點選空白處隱藏相應的元素
- 無線網路環境中的隱藏設定
- javascript動態設定div的顯示和隱藏JavaScript
- 元素滾動條佔據部分是否佔據height和width尺寸
- CSS“隱藏”元素的幾種方法的對比CSS
- 榮耀9i隱藏劉海設定方法 榮耀9i怎麼隱藏劉海?
- 一加6隱藏劉海屏設定教程 一加6劉海屏怎麼隱藏?
- win10怎麼設定隱藏檔案不可見_win10隱藏檔案不顯示設定教程Win10
- 如何判斷一個元素是否隱藏
- 設定FileZilla工具顯示出隱藏檔案