Existem duas maneiras de ocultar controles usando JavaScript: uma é definindo os atributos "display" e "visibility" do estilo do controle. O controle fica visível quando style.display="block" ou style.visibility="visible" e fica invisível quando style.display="none" ou style.visibility="hidden". A diferença é que o “display” não apenas oculta o controle, mas também o controle oculto não ocupa mais a posição ocupada quando exibido, enquanto o controle oculto pela “visibilidade” apenas deixa o controle invisível, e o controle ainda ocupa seu original posição.
Copie o código do código da seguinte forma:
função displayHideUI()
{
var ui = document.getElementById("bbs");
ui.style.display="nenhum";
}
função displayShowUI()
{
var ui = document.getElementById("bbs");
ui.style.display=" ";//Funcionará se o display estiver vazio, mas se for um bloco, o espaço a seguir será quebrado.
}
função visibilidadeHideUI()
{
var ui = document.getElementById("bbs");
ui.style.visibility="oculto";
}
visibilidade da funçãoShowUI()
{
var ui = document.getElementById("bbs");
ui.style.visibility="visível";
}
</script>
descrição do valor
nenhum Este elemento não será exibido.
block Este elemento será exibido como um elemento de nível de bloco com quebras de linha antes e depois deste elemento.
padrão embutido. Este elemento será exibido como um elemento embutido sem quebras de linha antes ou depois do elemento.
inline-block Elemento de bloco embutido. (Novo valor em CSS2.1)
item de lista Este elemento será exibido como uma lista.
run-in Este elemento aparecerá como um elemento de nível de bloco ou um elemento embutido, dependendo do contexto.
compact Existe um valor compact no CSS, mas ele foi removido do CSS2.1 devido à falta de suporte generalizado.
marcador Existe um marcador de valor no CSS, mas ele foi removido do CSS2.1 devido à falta de suporte generalizado.
table Este elemento será exibido como uma tabela em nível de bloco (semelhante a <table>), com quebras de linha antes e depois da tabela.
inline-table Este elemento será exibido como uma tabela inline (semelhante a <table>), sem quebras de linha antes e depois da tabela.
table-row-group Este elemento será exibido como um grupo de uma ou mais linhas (semelhante a <tbody>).
table-header-group Este elemento será exibido como um grupo de uma ou mais linhas (semelhante a <thead>).
table-footer-group Este elemento será exibido como um grupo de uma ou mais linhas (semelhante a <tfoot>).
linha da tabela Este elemento será exibido como uma linha da tabela (semelhante a <tr>).
table-column-group Este elemento será exibido como um grupo de uma ou mais colunas (semelhante a <colgroup>).
table-column Este elemento será exibido como uma coluna de célula (semelhante a <col>)
table-cell Este elemento será exibido como uma célula de tabela (semelhante a <td> e <th>)
table-caption Este elemento será exibido como um título de tabela (semelhante a <caption>)
herdar especifica que o valor do atributo display deve ser herdado do elemento pai.