js隱藏域的顯示與隱藏

js中的style物件中的display屬性和visibility屬性的區別 收藏

一、 display屬性的常用屬性值有兩個,分別為

1、none: 隱藏，不佔位，空件之間重新定位

2、block: 顯示

二、  visibility屬性的常用屬性值有兩個,分別為

1、hidden: 隱藏，佔位

2、visible : 顯示

示例:

style.display屬性一切皆有可能

display版本：css1/css2　   相容性：ie4+   ns4+　繼承性：無

語法：

display   :   block   |   none   |   inline   |   compact   |   marker   |   inline-table   |   list-item   |   run-in   |   table   |table-caption   |   table-cell   |   table-column   |   table-column-group   |   table-footer-group   |   table-header-group   |   table-row   |   table-row-group  

引數：

block   :   　css1　塊物件的預設值。用該值為物件之後新增新行  

none   :   　css1　隱藏物件。與visibility屬性的hidden值不同，其不為被隱藏的物件保留其物理空間  

inline   :   　css1　內聯物件的預設值。用該值將從物件中刪除行  

compact   :   　css2　分配物件為塊物件或基於內容之上的內聯物件  

marker   :   　css2　指定內容在容器物件之前或之後。要使用此引數，物件必須和:after及:before   偽元素一起使用  

inline-table   :   　css2　將**顯示為無前後換行的內聯物件或內聯容器  

list-item   :   　css1　將塊物件指定為列表專案。並可以新增可選專案標誌  

run-in   :   　css2　分配物件為塊物件或基於內容之上的內聯物件  

table   :   　css2　將物件作為塊元素級的**顯示  

table-caption   :   　css2　將物件作為**標題顯示  

table-cell   :   　css2　將物件作為**單元格顯示  

table-column   :   　css2　將物件作為**列顯示  

table-column-group   :   　css2　將物件作為**列組顯示  

table-header-group   :   　css2　將物件作為**標題組顯示  

table-footer-group   :   　css2　將物件作為**腳注組顯示  

table-row   :   　css2　將物件作為**行顯示  

table-row-group   :   　css2　將物件作為**行組顯示  

js隱藏域的顯示與隱藏

js中的style物件中的display屬性和visibility屬性的區別 收藏 一 display屬性的常用屬性值有兩個,分別為 1 none 隱藏，不佔位，空件之間重新定位 2 block 顯示 二 visibility屬性的常用屬性值有兩個,分別為 1 hidden 隱藏，佔位 2 visi...

js 控制樣式顯示隱藏

默然是隱藏的input 當style.display block 或style.visibility visible 時控制項或見，當style.display none 或 style.visibility hidden 時控制項不可見。不同的是 display 不但隱藏控制項，而且被隱藏的控制項...

div 顯示與隱藏

最近寫專案用到div隱藏,以下引用 visibility隱藏的物件還保留物件顯示時所佔的物理空間，display則不保留。可以儲存下面的 看看效果 具體步驟 示例 ss屬性為visibility hidden的物件 ss屬性為display none的物件 特別提示 用visibility屬性控制隱...