Style display 属性

将 <div> 元素设置为不显示

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

描述

display 属性设置或返回元素的显示类型。

HTML 中的元素大多是“内联”或“块级”元素：内联元素在其左右两侧有浮动内容。块级元素占据整行，其左右两侧不能显示任何内容。

display 属性还允许作者显示或隐藏元素。它与 visibility 属性类似。但是，如果设置 display:none，它会隐藏整个元素，而 visibility:hidden 意味着元素的内容将不可见，但元素仍保留其原始位置和大小。

提示：如果元素是块级元素，其显示类型也可以通过 float 属性更改。

属性
display	是	是	是	是	是

返回 display 属性

object.style.display

设置 display 属性

object.style.display = 值

值	描述
block	元素呈现为块级元素
compact	元素呈现为块级或内联元素。取决于上下文
flex	元素呈现为块级弹性盒。CSS3 新增
grid	元素呈现为块级网格。CSS3 新增
inherit	从其父元素继承此属性。阅读关于 inherit
initial	将此属性设置为其默认值。阅读关于 initial
inline	元素呈现为内联元素。这是默认值
inline-block	元素呈现为内联盒内的块级盒
inline-flex	元素呈现为内联弹性盒。CSS3 新增
inline-grid	元素呈现为内联网格。CSS3 新增
inline-table	元素呈现为内联表格（如 <table>），表格前后没有换行符
list-item	元素呈现为列表
marker	此值将盒前或盒后的内容设置为标记（与 :before 和 :after 伪元素一起使用。否则此值与“inline”相同）
none	元素将不显示
run-in	元素呈现为块级或内联元素。取决于上下文
table	元素呈现为块级表格（如 <table>），表格前后有换行符
table-caption	元素呈现为表格标题（如 <caption>）
table-cell	元素呈现为表格单元格（如 <td> 和 <th>）
table-column	元素呈现为单元格列（如 <col>）
table-column-group	元素呈现为一组或多组列（如 <colgroup>）
table-footer-group	元素呈现为表格页脚行（如 <tfoot>）
table-header-group	元素呈现为表格标题行（如 <thead>）
table-row	元素呈现为表格行（如 <tr>）
table-row-group	元素呈现为一组或多组行（如 <tbody>）