So erstellen Sie die Schaltfläche in JavaScript

Entwickler möchten meistens, dass ihre Webseiten attraktiv sind und sie interaktiv machen. Zu diesem Zweck werden Schaltflächen zur Webseite hinzugefügt. Zum Beispiel, wenn Daten senden oder empfangen werden müssen, einschließlich Klick -Ereignisse für zusätzliche Funktionen für den Benutzer beim Registrieren oder Anmelden bei einem Konto. In solchen Fällen ermöglichen Tasten dem Endbenutzer, verschiedene Funktionen intelligent auszuführen.

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

So erstellen Sie die Schaltfläche in JavaScript?

Um die Schaltfläche in JavaScript zu erstellen, können die folgenden Methoden verwendet werden:

• "CreateLement ()" und "appendChild ()" -Methoden
• "Typ" Attribut "Eingabe" -Tag "eingeben"

Die folgenden Ansätze zeigen das Konzept nacheinander!

Methode 1: Schaltfläche in JavaScript erstellen mit "createLement ()" und "appendChild ()" Methoden

Der "CreateLement ()”Methode erstellt ein Element und das“appendChild ()Die Methode fügt ein Element zum letzten Kind eines Elements hinzu. Diese Methoden werden zum Erstellen einer Schaltfläche angewendet und an das DOMR -Modell (DOMR) (DOM) angemeldet, das jeweils verwendet werden muss.

Syntax

dokumentieren.CreateLement (Typ)
Element.appendChild (Knoten)

In der obigen Syntax “,“Typ”Bezieht sich auf die Art des Elements, das mit der Methode createLement () erstellt wird und“KnotenIst der Knoten, der mit Hilfe der Methode appendChild () angehängt wird.

Das folgende Beispiel erklärt das angegebene Konzept.

Beispiel

Erstens ein "Taste”Wird mit dem Dokument erstellt.CreateLement () -Methode und in einer Variablen mit dem Namen "gespeichert"CreateButton”:

const createButton = Dokument.CreateLement ('Schaltfläche')

Als nächstes das "InnerTextDie Eigenschaft bezieht sich auf die Schaltfläche erstellt und legt den Textwert der angegebenen Schaltfläche wie folgt fest:

CreateButton.InnerText = 'Click_Me' '

Zuletzt die “appendChild ()Die Methode wird die Schaltfläche erstellt an DOM anhängen, indem sie sich auf die Variable bezieht, in der sie als Argument gespeichert wird:

dokumentieren.Körper.appendChild (createButton);

Die Ausgabe der obigen Implementierung erfolgt wie folgt:

Methode 2: Schaltfläche im JavaScript erstellen Verwenden Sie das Attribut "Typ" des "Eingabe" mit dem Tag "Eingabe"

Der "TypDas Attribut repräsentiert den zu angezeigten Eingangselementtyp. Es kann verwendet werden, um eine Schaltfläche zu erstellen, indem Sie angeben “Taste”Als Wert des Typs Attribut des Eingabe -Tags.

Syntax

Hier, "Taste”Gibt den Typ des Eingangsfeldes an.

Schauen Sie sich das folgende Beispiel an.

Beispiel

Erstens verwenden wir ein Eingabetag und geben seinen Typ als “anTaste", Und Wert als"Klick mich”. Infolgedessen wird eine Schaltfläche erstellt. Darüber hinaus wird es das auslösenCreateButton ()”Funktion beim Klicken:

In der JavaScript -Datei werden wir die “definieren“CreateButton ()Funktion, die ein Alarmfeld erzeugt, wenn die zusätzliche Schaltfläche hinzugefügt wird:

Funktion createButton ()
ALERT ("Dies ist ein Knopf")

Ausgang

Die diskutierten Techniken zum Erstellen einer Taste in JavaScript können entsprechend den Anforderungen angemessen verwendet werden.

Abschluss

So erstellen Sie eine Schaltfläche in JavaScript, “CreateLement ()" Und "appendChild ()„Methoden können angewendet werden, um eine Schaltfläche zu erstellen und sie anzuhängen, die im DOM verwendet werden sollen. Eine andere Technik, mit der eine Taste erstellt werden kann, ist das Definieren eines Eingangstyps und das Hinzufügen der zugehörigen Funktionen. Dieser Artikel hat die Methoden zum Erstellen einer Schaltfläche in JavaScript gezeigt.