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	继承其父元素此属性。阅读关于继承