Js hides controls and displays attributes

You can use JavaScript to hide controls by setting the "display" and "visibility" attributes of the style. When style. display = "block" or style. visibility = "visible" when the Controller or see, when style. display = "none" or style. visibility = "hidden" when the controller is invisible. The difference is that "display" not only hides the control, but hidden controls no longer occupy the position occupied by the display. The "visibility" hidden control only sets the control to invisible, the widget still occupies the original position.
 
 
Function displayHideUI ()
{
Var ui = document. getElementById ("bbs ");
Ui. style. display = "none ";
}
Function displayShowUI ()
{
Var ui = document. getElementById ("bbs ");
Ui. style. display = ""; // If the display is empty, it will be easy to use.
}
 
 
Function visibilityHideUI ()
{
Var ui = document. getElementById ("bbs ");
Ui. style. visibility = "hidden ";
}
Function visibilityShowUI ()
{
Var ui = document. getElementById ("bbs ");
Ui. style. visibility = "visible ";
}
</Script>
 
 
Value description
None this element is not displayed.
Block: This element is displayed as a block-level element with a line break before and after it.
Inline default. This element is displayed as an inline element, and there is no line break before and after the element.
Inline-block the block element in the row. (Newly added value of CSS2.1)
List-item this element is displayed as a list.
Run-in this element is displayed as a block-level element or Inline element based on the context.
Compact CSS has the value compact, but it has been deleted from CSS2.1 due to lack of extensive support.
Marker CSS has a value of marker, but it has been deleted from CSS2.1 due to lack of extensive support.
Table: This element is displayed as a block-Level table (similar to <table>), with a line break before and after the table.
Inline-table: This element is displayed as an inline table (similar to <table>). There is no line break before and after the table.
Table-row-group: This element is displayed as a group of one or more rows (similar to <tbody> ).
Table-header-group: This element is displayed as a group of one or more rows (similar to <thead> ).
Table-footer-group: This element is displayed as a group of one or more rows (similar to <tfoot> ).
Table-row: This element is displayed as a table row (similar to <tr> ).
Table-column-group: This element is displayed as a group of one or more columns (similar to <colgroup> ).
Table-column: This element is displayed as a cell column (similar to <col>)
Table-cell: This element is displayed as a table cell (similar to <td> and <th>)
Table-caption: This element is displayed as a table title (similar to <caption>)
Inherit specifies that the value of the display attribute should be inherited from the parent element.


The author's wandering Column