So verbergen Sie die Taste in JavaScript

Während der Entwicklung einer Website kann es eine Situation geben, in der es nur einmal auf eine Schaltfläche klicken muss. Beispiel. In solchen Szenarien wird das Verstecken von Schaltflächen mit JavaScript sehr praktisch, um die Privatsphäre der Informationen zu gewährleisten.

In diesem Blog werden die Methoden zum Ausblenden von Schaltflächen in JavaScript erläutert.

So verbergen Sie die Taste in JavaScript?

Um eine Taste in JavaScript auszublenden, können die folgenden Methoden verwendet werden:

• “Stil.Sichtweite" Eigentum
• “Stil.Anzeige" Eigentum

Die genannten Ansätze werden nun nacheinander diskutiert!

Methode 1: Taste in JavaScript ausblenden Sie mit „Stil.Sichtbarkeit “Eigentum

Der "Stil.SichtweiteDie Eigenschaft legt die Sichtbarkeit eines Elements fest. Diese Eigenschaft kann verwendet werden, um die Sichtbarkeit der vordefinierten Taste zu verbergen, indem sie sich auf ihre “bezieht“Ausweis”.

Syntax

Objekt.Stil.Sichtbarkeit = 'versteckt'

Hier die Sichtbarkeit der angegebenen “Objekt”Wird als" eingestellt "versteckt”.

Schauen Sie sich die folgende Demonstration für ein besseres Verständnis an.

Beispiel

Erstellen Sie zunächst eine Schaltfläche mit dem Eingabetag und weisen Sie ihm einen benannten Wert zu “zu“Klick mich”, Und schließen Sie einen Onklick ein, der das auslöst“Versteck ()Funktion, wenn die Schaltfläche hinzugefügt wird: Klicken Sie auf:

Definieren Sie in der JavaScript -Datei die Funktion versteckton () so, dass sie die “aufrufen“dokumentieren.GetElementsbyId ()”Um auf die erstellte Schaltfläche zuzugreifen und ihre Sichtbarkeit als" festlegen "setzenversteckt”:

Funktion versteckton ()
dokumentieren.GetElementById ('Btn').Stil.Sichtbarkeit = 'versteckt';

Die Ausgabe des obigen Programms wird wie folgt angezeigt:

Methode 2: Taste im JavaScript ausblenden Sie mit „Stil.Anzeige ”Eigenschaft

Der "Stil.AnzeigeDie Eigenschaft legt den Anzeigetyp des angegebenen Elements fest. Diese Technik kann implementiert werden, um die erstellte Schaltfläche zu verbergen, indem die angegebene ID und die Einstellung abgerufen werden “keiner”Als Anzeigeart.

Syntax

Objekt.Stil.display = 'keine' '

Hier die Anzeigeeigenschaft der “Objekt”Wird als" eingestellt "keiner”.

Gehen Sie das folgende Beispiel zur Demonstration durch.

Beispiel

In diesem Beispiel werden wir den gleichen HTML -Code verwenden. In der JavaScript -Datei werden wir jedoch die “definieren“Versteck ()Funktionen, die beim Klicken auf die Schaltfläche aufgerufen wird. In seiner Definition das “dokumentieren.GetElementById ()Die Methode holt die Schaltfläche mit der "ab"Btn"ID und der Wert seiner"Stil.AnzeigeDie Eigenschaft wird als "keine" festgelegt, um sie zu verbergen:

Funktion versteckton ()
dokumentieren.GetElementById ('Btn').Stil.display = 'keine';

Ausgang

Wir haben die einfachsten Methoden angeboten, um Tasten in JavaScript auszublenden.

Abschluss

Um eine Schaltfläche in JavaScript auszublenden, können Sie die „verwenden“Stil.Sichtweite" Und "Stil.Anzeige" Eigenschaften. Zuerst müssen Sie die Schaltfläche abrufen, indem Sie ihre ID im Dokument angeben.GetElementById () -Methode und dann den Wert des Stils festlegen.Sichtbarkeitseigentum als versteckt oder keine für den Stil.Eigenschaft anzeigen. In diesem Handbuch wurde die Methode zum Verstecken von Schaltflächen in JavaScript erörtert.