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屬性控制隱...