Cómo ocultar el botón en JavaScript

Mientras desarrolla un sitio web, puede haber una situación en la que se requiere hacer clic en un botón solo una vez. Por ejemplo, está enviando un formulario o ingresando cualquier información confidencial restringida para modificaciones o revisiones. En tales escenarios, la ocultación de botones con JavaScript se vuelve muy útil para garantizar la privacidad de la información.

Este blog explicará los métodos para ocultar botones en JavaScript.

Cómo ocultar el botón en JavaScript?

Para ocultar un botón en JavaScript, se pueden utilizar los siguientes métodos:

• "estilo.visibilidad" propiedad
• "estilo.mostrar" propiedad

Los enfoques mencionados ahora serán discutidos uno por uno!

Método 1: Ocultar el botón en JavaScript usando "Estilo.Visibilidad "Propiedad

El "estilo.visibilidad"La propiedad establece la visibilidad de un elemento. Esta propiedad se puede utilizar para ocultar la visibilidad del botón predefinido refiriéndose a su "identificación".

Sintaxis

Objeto.estilo.visibilidad = 'oculto'

Aquí, la visibilidad del especificado "Objeto"Está configurado como"oculto".

Consulte la siguiente demostración para obtener una mejor comprensión.

Ejemplo

Primero, cree un botón usando la etiqueta de entrada, asigna un valor llamado "Haz click en mi", E incluye un OnClick que activará el"Ocultar botón()Función "cuando se hace clic en el botón agregado:

En el archivo de JavaScript, defina la función Hidebutton () de tal manera que invoca el "documento.getElementsById ()"Para acceder al botón creado y establecer su visibilidad como"oculto":

function hearbutton ()
documento.GetElementById ('BTN').estilo.visibilidad = 'oculto';

La salida del programa anterior se muestra de la siguiente manera:

Método 2: Ocultar el botón en JavaScript usando "Estilo.Propiedad de visualización "

El "estilo.mostrar"La propiedad establece el tipo de pantalla del elemento especificado. Esta técnica se puede implementar para ocultar el botón creado obteniendo su ID especificada y configuración "ninguno"Como su tipo de visualización.

Sintaxis

Objeto.estilo.Display = 'Ninguno'

Aquí, la propiedad de visualización del "Objeto"Está configurado como"ninguno".

Realice el siguiente ejemplo para la demostración.

Ejemplo

Utilizaremos el mismo código HTML en este ejemplo. Sin embargo, en el archivo JavaScript, definiremos el "Ocultar botón()"Función que se invocará cuando se haga clic en el botón. En su definición, el "documento.getElementById ()"El método obtendrá el botón usando su"btn"Id y el valor de su"estilo.mostrar"La propiedad se establecerá como" Ninguno "para ocultarla:

function hearbutton ()
documento.GetElementById ('BTN').estilo.display = 'ninguno';

Producción

Hemos ofrecido los métodos más simples para ocultar botones en JavaScript.

Conclusión

Para ocultar un botón en JavaScript, puede utilizar el "estilo.visibilidad" y "estilo.mostrar" propiedades. Para hacerlo, en primer lugar, debe obtener el botón especificando su ID en el documento.método getElementById () y luego establecer el valor del estilo.Propiedad de visibilidad como oculta o ninguno para el estilo.Propiedad de visualización. Este manual discutió el método relacionado con los botones de ocultación en JavaScript.