Существует два способа скрыть элементы управления с помощью JavaScript: один из них — установка атрибутов «display» и «visibility» стиля элемента управления. Элемент управления виден, когда style.display="block" или style.visibility="visible", и невидим, когда style.display="none" или style.visibility="hidden". Разница в том, что «отображение» не только скрывает элемент управления, но и скрытый элемент управления больше не занимает позицию, занимаемую при отображении, тогда как элемент управления, скрытый «видимостью», только делает элемент управления невидимым, а элемент управления по-прежнему занимает исходное положение. позиция.
Скопируйте код кода следующим образом:
функция displayHideUI()
{
var ui = document.getElementById("bbs");
ui.style.display="нет";
}
функция отображенияShowUI()
{
var ui = document.getElementById("bbs");
ui.style.display=" ";//Это будет работать, если дисплей пуст, но если это блок, следующее пространство будет перенесено.
}
функция видимостиHideUI()
{
var ui = document.getElementById("bbs");
ui.style.visibility="скрытый";
}
функция видимостиShowUI()
{
var ui = document.getElementById("bbs");
ui.style.visibility="видимый";
}
</скрипт>
описание значения
none Этот элемент не будет отображаться.
блок Этот элемент будет отображаться как элемент уровня блока с разрывами строк до и после этого элемента.
встроенный по умолчанию. Этот элемент будет отображаться как встроенный элемент без разрывов строк до или после элемента.
inline-block Элемент встроенного блока. (Новое значение в CSS2.1)
list-item Этот элемент будет отображаться в виде списка.
run-in Этот элемент будет отображаться как элемент уровня блока или встроенный элемент, в зависимости от контекста.
Compact В CSS есть значение Compact, но оно было удалено из CSS2.1 из-за отсутствия широкой поддержки.
маркер В CSS есть маркер значения, но он был удален из CSS2.1 из-за отсутствия широкой поддержки.
table Этот элемент будет отображаться в виде таблицы уровня блока (аналогично <table>) с разрывами строк до и после таблицы.
inline-table Этот элемент будет отображаться как встроенная таблица (аналогично <table>) без разрывов строк до и после таблицы.
table-row-group Этот элемент будет отображаться как группа из одной или нескольких строк (аналогично <tbody>).
table-header-group Этот элемент будет отображаться как группа из одной или нескольких строк (аналогично <thead>).
table-footer-group Этот элемент будет отображаться как группа из одной или нескольких строк (аналогично <tfoot>).
table-row Этот элемент будет отображаться как строка таблицы (аналогично <tr>).
table-column-group Этот элемент будет отображаться как группа из одного или нескольких столбцов (аналогично <colgroup>).
table-column Этот элемент будет отображаться как столбец ячейки (аналогично <col>)
table-cell Этот элемент будет отображаться как ячейка таблицы (аналогично <td> и <th>)
table-caption Этот элемент будет отображаться как заголовок таблицы (аналогично <caption>).
inherit указывает, что значение атрибута display должно быть унаследовано от родительского элемента.