Hay dos formas de ocultar controles con JavaScript, que son atributos de "visualización" y "visibilidad" que establecen los atributos de control "visualización" y "visibilidad". Cuando style.display = "block" o style.visibility = "visible", el control o ver, cuando style.display = "none" o style.visibility = "oculto" no es visible. La diferencia es que la "pantalla" no solo oculta el control, sino que también el control oculto ya no ocupa la posición ocupada cuando se muestra la pantalla, y el control oculto de "visibilidad" solo establece que el control sea invisible, y el control es Sigue siendo la posición original.
Copiar código del código de la siguiente manera:
Función displayHideui ()
{{
var ui = document.getElementById ("bbs");
ui.style.display = "Ninguno";
}
Función displayshowui ()
{{
var ui = document.getElementById ("bbs");
ui.style.display = "" "; // Display Si está vacío, será fácil cambiar el espacio para el espacio posterior
}
Función VisibilityHideUi () ()
{{
var ui = document.getElementById ("bbs");
ui.style.visibility = "Hidden";
}
Función VisibilityShowui ()
{{
var ui = document.getElementById ("bbs");
ui.style.visibility = "visible";
}
</script>
Descripción del valor
Ninguno es el elemento no se mostrará.
Bloquee este elemento se mostrará como un elemento de nivel de bloque, que tendrá un símbolo de cambio antes y después de este elemento.
Valor predeterminado en línea. Este elemento se mostrará como el elemento de acoplamiento interno, y no hay cambios en las líneas antes y después del elemento.
Elemento de línea de bloque en línea. (CSS2.1 Nuevo valor)
Lista-ítem Este elemento se mostrará como una lista.
El elemento de ejecución se muestra como un elemento de nivel de bloque o un elemento de asociación interna basado en el contexto.
Vale la pena compacto CSS compacto, pero debido a la falta de soporte generalizado, se ha eliminado de CSS2.1.
Marker CSS vale la pena, pero debido a la falta de soporte generalizado, se ha eliminado de CSS2.1.
Tabla Este elemento se mostrará como una forma de bloque de bloque (similar a <Able>), y el formulario es un cambio en la línea y atrás.
Table en línea Este elemento se mostrará como el formulario interno (similar a <Able>), y no hay cambios en la línea antes y después del formulario.
Tabla Download Este elemento se mostrará como una o más líneas (similar a <tbody>).
Tabla-Header-Found Este elemento se mostrará como una o más líneas (similar a <thead>).
Tabla-Footer-Found Este elemento se mostrará como una o más líneas (similar a <tfoot>).
Tabla Row Este elemento se mostrará como una tabla (similar a <tr>).
Tabla-Column-Found Este elemento se mostrará como un paquete de una o más columnas (similar a <COLGROUP>).
Columna de tabla Este elemento se mostrará como una celda (similar a <ol>)
Célula de mesa Este elemento se mostrará como una celda de formulario (similar a <td> y <th>)
Caption de tabla Este elemento se mostrará como un título de tabla (similar a <titerTion>)
Hereder estipula que el valor del atributo de visualización debe heredarse del elemento principal.