So erhalten Sie den Wert des Textbereichs in JavaScript?

Beim Entwerfen von reaktionsschnellen Webseiten oder Websites müssen der Benutzer der eingegebenen Daten aufgefordert werden, um die korrekten eingegebenen Daten sicherzustellen. Beispielsweise bestätigen Sie die getippten E -Mails und Passwörter. Im anderen Fall protokollieren Sie einen Fehler oder eine Warnung bei einer ausgewählten Option, die zu einer schwerwiegenden Konsequenz führen kann. I.E Virus usw. In solchen Fall-Szenarios ist es sehr hilfreich, den Wert des Textbereichs in JavaScript zu erhalten.

In diesem Artikel werden die Ansätze erläutert, um den Wert des Textbereichs in JavaScript zu erhalten.

So erhalten Sie den Wert des Textbereichs in JavaScript?

Der Textbereichswert kann in JavaScript unter Verwendung der folgenden Ansätze abgerufen werden:

• “GetElementById ()" Methode.
• “AddEventListener ()" Methode.
• “JQuery”.

Ansatz 1: Nutzen Sie den Wert des Textbereichs in JavaScript mit der Methode getElementById ()

Der "GetElementById ()"Methode greift auf ein Element mit dem angegebenen" zugänglich "Ausweis”.Diese Methode kann implementiert werden, um das Feld Eingabetext abzurufen und den eingegebenen Wert darin zurückzugeben.

Syntax

dokumentieren.GetElementById (Element)

In der angegebenen Syntax:

• “Element" bezieht sich auf "AusweisGegen das jeweilige Element abgerufen werden.

Beispiel
Schauen wir uns das folgende Beispiel an:

Wenden wir die folgenden Schritte im folgenden Code an:

Holen Sie sich den Wertbereich des Textbereichs in JavaScript

Schreibe etwas:
Wert erhalten

Führen Sie die folgenden Schritte aus:

• Geben Sie im ersten Schritt die angegebene Überschrift an.
• Fügen Sie danach das Feld Eingabetext mit dem angegebenen “ein“Ausweis" Und "Platzhalter" Wert.
• Erstellen Sie auch eine Taste mit einem angehängten “ONCLICK”Ereignis umleitete die Funktion textareavalue ()

Lassen Sie uns zum JavaScript -Teil des Codes voranschreiten:

Im obigen JavaScript -Code:

• Eine Funktion namens deklarieren “textAreavalue ()”.
• Greifen Sie in seiner Definition mit der angegebenen ID auf das Feld Eingabetext zuGetElementById ()" Methode.
• Wenden Sie auch das an “WertEigenschaft, um den eingegebenen Textwert abzurufen.
• Schließlich zeigen Sie den Wert des Textbereichs über die “anAlarm" Dialog Box.

Ausgang

In der obigen Ausgabe kann beobachtet werden, dass der eingegebene Wert über das Warndialogfeld abgerufen wird.

Ansatz 2: Nehmen Sie den Wert des Textbereichs in JavaScript mit der Methode addEventListener () in JavaScript ab

Der "AddEventListener ()"Methode wird verwendet, um eine zu verknüpfen"Fall”Mit einem Element. Diese Methode kann verwendet werden, um ein Ereignis der Funktion so anzuhängen.

Syntax

Element.AddEventListener (Ereignis, Funktion, Exec)

In der obigen Syntax:

• “Fall”Zeigt auf den Ereignisnamen.
• “Funktion”Zeigt die Funktion an, die auf dem Auslöser eines Ereignisses läuft.
• “GeschäftsführerIst der optionale Parameter.

Beispiel
Folgen wir schrittweise dem folgenden Beispiel:

Schreibe etwas:

Im obigen Code-Snippet:

• Geben Sie das angegebene Etikett an. Auch die “die“ zuordnenTextbereichElement mit dem angegebenen Wert von “Ausweis" Und "Platzhalter”Und passen Sie auch seine Abmessungen an.
• Greifen Sie im JavaScript -Teil des Codes im vorherigen Schritt auf die angegebene TextArea zu und zeigen Sie ihn mit der “anWert" Eigentum.
• Fügen Sie im nächsten Schritt ein Ereignis an "Text"Zu den abgerufenen"Textbereich" Verwendung der "AddEventListener ()Methode und wenden Sie sie auf die Funktion antextAreavalue ()”. Der "FallIn seinem Argument gibt Informationen über das ausgelöste Ereignis weiter.
• Dies führt dazu, dass jedes der eingegebenen Textwerte nebeneinander angetan.

Ausgang

Aus der obigen Ausgabe die “holen”Von jedem der eingegebenen Textwerte kann beobachtet werden.

Ansatz 3: Nutzen Sie den Wert des Textbereichs in JavaScript mit JQuery

“JQuery”Kann angewendet werden, um auf das Feld Eingabetext zuzugreifen und seine Funktionen auszulösen, sobald das Dokumentobjektmodell (DOM) geladen ist.

Beispiel
Folgen wir dem folgenden Beispiel:

Schreibe etwas:
Wert erhalten

Führen Sie in den obigen Codezeilen die folgenden Schritte aus:

• Fügen Sie die JQuery -Bibliothek hinzu, um ihre Methoden anzuwenden.
• Präzisiere das "Eingang”Als Textfeld mit den angegebenen Werten von“Ausweis" Und "Platzhalter”Wie zuvor erläutert.
• Erstellen Sie außerdem eine Schaltfläche, um den Wert auf der Schaltfläche Klicken zu erhalten.

Gehen Sie mit dem JavaScript -Teil des Codes fort:

Befolgen Sie die angegebenen Schritte:

• Wende an "bereit()Methode, um die weiteren Methoden auf das geladene DOM anzuwenden.
• Greifen Sie auf die erstellte Schaltfläche zu und fügen Sie die "an" an "klicken()Methode zu IT, die die angegebene Funktion in ihrem Parameter ausführt.
• Die Methode Click () greifen auf das angegebene Eingabentextfeld zu und protokolliert den eingegebenen Textwert in der Konsole.

Ausgang

Daher ist der Wert des Typs auf der Konsole protokolliert.

Dies waren all die unterschiedlichen Möglichkeiten, den Wert des Textbereichs mit Hilfe von JavaScript zu erhalten.

Abschluss

Der "GetElementById ()”Methode, die“AddEventListener ()”Methode oder die“JQuery”Kann verwendet werden, um den Textbereichswert in JavaScript zu erhalten. Die Methode von GetElementById () kann implementiert werden, um auf das Feld Eingabetext zuzugreifen und den eingegebenen Textbereichswert über Alarm anzuzeigen. Die addEventListener () -Methode kann verwendet werden, um eine anzuhängen “EingangEreignis, das den Textwert auf jeder Eingang nebeneinander erhält. Die JQuery kann angewendet werden, um direkt auf die Schaltfläche zuzugreifen und den eingegebenen Textwert bei der Schaltfläche auf die Konsole zu klicken. In diesem Tutorial wird erläutert.