Come nascondere il pulsante in javascript

Durante lo sviluppo di un sito Web, può esserci una situazione in cui è necessario fare clic su un pulsante una sola volta. Ad esempio, si sta inviando un modulo o inserendo qualsiasi informazione sensibile limitata per modifiche o revisioni. In tali scenari, i pulsanti nascondi usando JavaScript diventano molto utili per garantire la privacy delle informazioni.

Questo blog spiegherà i metodi per nascondere i pulsanti in JavaScript.

Come nascondere il pulsante in javascript?

Per nascondere un pulsante in JavaScript, è possibile utilizzare i seguenti metodi:

• "stile.visibilità" proprietà
• "stile.Schermo" proprietà

Gli approcci menzionati saranno ora discussi uno per uno!

Metodo 1: Nascondi il pulsante in JavaScript usando “Style.Proprietà visibilità "

IL "stile.visibilità"La proprietà imposta la visibilità di un elemento. Questa proprietà può essere utilizzata per nascondere la visibilità del pulsante predefinito facendo riferimento al suo "id".

Sintassi

Oggetto.stile.visibilità = 'nascosto'

Qui, la visibilità del specificato "Oggetto"È impostato come"nascosto".

Dai un'occhiata alla seguente dimostrazione per una migliore comprensione.

Esempio

Innanzitutto, crea un pulsante utilizzando il tag di input, assegna un valore chiamato "Cliccami", E includi un OnClick che attiverà il"HideButton ()"Funzione quando si fa clic sul pulsante Aggiunto:

Nel file JavaScript, definisci la funzione HideButton () in modo tale da invocare il "documento.getElementsById ()"Per accedere al pulsante creato e impostare la sua visibilità come"nascosto":

funzione hideButton ()
documento.getElementById ('BTN').stile.visibilità = 'nascosto';

L'output del programma sopra è mostrato come segue:

Metodo 2: Pulsante Nascondi in JavaScript usando "Stile.Visualizza la proprietà "

IL "stile.Schermo"La proprietà imposta il tipo di visualizzazione dell'elemento specificato. Questa tecnica può essere implementata per nascondere il pulsante creato prendendo il suo ID specificato e impostazione "nessuno"Come tipo di visualizzazione.

Sintassi

Oggetto.stile.display = 'nessuno'

Qui, la proprietà del display di "Oggetto"È impostato come"nessuno".

Passare attraverso il seguente esempio per la dimostrazione.

Esempio

In questo esempio utilizzeremo lo stesso codice HTML. Tuttavia, nel file JavaScript, definiremo il "HideButton ()"Funzione che verrà invocata quando si fa clic sul pulsante. Nella sua definizione, il "documento.getElementById ()"Il metodo prenderà il pulsante usando il suo"btn"Id e valore del suo"stile.SchermoLa proprietà "sarà impostata come" nessuno "per nasconderla:

funzione hideButton ()
documento.getElementById ('BTN').stile.Display = 'Nessuno';

Produzione

Abbiamo offerto i metodi più semplici per nascondere i pulsanti in JavaScript.

Conclusione

Per nascondere un pulsante in JavaScript, puoi utilizzare il "stile.visibilità" E "stile.Schermo" proprietà. Per fare ciò, in primo luogo, devi prendere il pulsante specificando il suo ID nel documento.metodo getElementById () e quindi impostare il valore dello stile.proprietà di visibilità come nascosto o nessuno per lo stile.Visualizza proprietà. Questo manuale ha discusso del metodo relativo ai pulsanti di nascondino in JavaScript.