Style display Property

設置<div>到不顯示元件：

document.getElementById("myDIV").style.display = "none";

定義和用法

顯示屬性設置或返回該元素的顯示類型。

在HTML元素大多是"inline"或"block"元素：內嵌元件具有浮動在其左側和右側的內容。 A嵌段元件充滿整個行，沒有什麼可以在其左側或右側顯示。

顯示屬性還允許創作者顯示或隱藏的元素。這是一個類似的可視性財產。但是，如果你設置顯示：沒有，它隱藏了整個元素，而visibility：hidden的意思是元素的內容將是無形的，但該元素停留在原來的位置和大小。

Tip:如果一個元素是一個塊元件，其顯示類型也可以用浮動屬性改變。

顯示屬性在所有主流瀏覽器的支持。

返回顯示屬性：

object .style.display

設置顯示屬性：

object .style.display= 屬性值

值	描述
block	元件呈現為塊級元素
compact	元件呈現為塊級或內嵌元素。依賴於上下文
flex	元素呈現為一個塊級柔性盒。新的CSS3
inherit	顯示屬性的值是從父元素繼承
inline	元件呈現為一個內嵌元素。這是默認
inline-block	元件呈現為一個行內框內部的塊框
inline-flex	元素呈現為一個行內的柔性盒。新的CSS3
inline-table	元件之前或之後表呈現為內嵌表（如<TABLE>），無斷線
list-item	元素呈現為一個列表
marker	此值設置內容之前或之後框是一個標記（用來與：前和：後偽元素否則該值等同於“內聯”）
none	元素將不顯示
run-in	元件呈現為塊級或內嵌元素。依賴於上下文
table	元件之前和之後的表呈現為一個塊表（如<TABLE>）中，用一個換行
table-caption	元件呈現為表標題（如<字幕>）
table-cell	元件呈現為一個表格單元格（如<td>和<TH>）
table-column	元件呈現為單元的列(like <col>)
table-column-group	元件呈現為一組一個或多個列的(like <colgroup>)
table-footer-group	元件呈現為表腳註行(like <tfoot>)
table-header-group	元件呈現為表標題行(like <thead>)
table-row	元件呈現為一個表行（如<TR>）
table-row-group	元件呈現為一組一個或多個行的(like <tbody>)
initial	將此屬性設置為默認值。閱讀關於初始
inherit	繼承其父元素此屬性。閱讀關於繼承