In diesem Beitrag wird die Prozedur zum Zuweisen von Wert an das Textfeld mit JavaScript definiert.
Mit JavaScript können Sie dem Textfeld Wert zuweisen?
Verwenden Sie die folgenden Methoden, um dem Textfeld Wert zuzuweisen:
Schauen wir uns die Arbeit dieser Methoden getrennt an!
Methode 1: Zuweisen Sie dem Textfeld mithilfe von setAttribute () den Wert der Methode des Werts. Methode
Der "setAttribute ()Die Methode wird verwendet, um dem Textfeld einen Wert zuzuweisen. Es wird verwendet, um ein Attribut zu einem bestimmten Element hinzuzufügen oder festzulegen und ihm einen Wert zu geben. Diese Methode nimmt zwei Parameter als Argument an, und beide sind obligatorisch.
Syntax
Folgen Sie der unten erwähnten Syntax für setAttribute () Methode:
setAttribute (Attributename, AttributeValue);Hier, "AttributwertIst der Wert des Attributs, dessen Name angegeben ist.
Beispiel
Wir werden zuerst eine Überschrift und ein Eingabefeld mit der Standardeinstellung erstellen “TextPlatzhalterwert. Fügen Sie als nächstes eine Schaltfläche hinzu, die die Methode „myFunction ()“ aufgerufen wird, wenn sie geklickt wird:
Definieren Sie in der JS -Datei eine Funktion namens “myfunction ()”Und greifen Sie mit“ auf das Textfeld zuGetElementById ()Methode und dann den Wert mit Hilfe von “festlegen“setAttribute ()" Methode:
Funktion myfunction ()Aus der Ausgabe ist ersichtlich, dass beim Klicken der Schaltfläche der Wert des Textfelds als "festgelegt wirdLinuxHint”:
Sehen wir uns die nächste Prozedur zur Zuweisung von Wert an die Textbox an.
Methode 2: Zuwenden Sie dem Textfeld mithilfe der Textwerteigenschaft einen Wert zu
Es gibt einen weiteren Ansatz, um dem Textfeld einen Wert zuzuweisen, nämlich das "Wert”Eigenschaft des Textes. In diesem Ansatz müssen Sie den Wert nur mit der Werteigenschaft dem Wert der Textbox zuweisen.
Syntax
Verwenden Sie die folgende Syntax, um einem Textfeld Wert unter Verwendung der Werteigenschaft des Textelements zuzuweisen:
value = "text";Beispiel
Hier zuweisen wir den Wert dem bereits erstellten Textfeld im vorherigen Beispiel. Greifen Sie dazu in der myfunction () auf das Textfeld zu und weisen Sie dann den erforderlichen Wert der Textbox mit der “zu" zu "Wert" Eigentum:
Funktion myfunction ()Wie Sie die Ausgabe erfolgreich sehen können, weisen Sie den Wert dem Textfeld zu: zuweisen:
Wir haben die einfachsten Ansätze für die Zuweisung von Wert an das Textfeld mit JavaScript gesammelt.
Abschluss
Um den Textfeld mit JavaScript Wert zuzuweisen, können Sie die vordefinierte JavaScript -Methode namens setAttribute () oder die Werteigenschaft des Textelements verwenden. Beide Ansätze funktionieren effizient, um dem Textfeld einen Wert zuzuweisen. Sie können eine davon gemäß Ihren Anforderungen auswählen. In diesem Beitrag haben wir die Ansätze zur Zuweisung des Werts dem Textfeld mit JavaScript mit detaillierten Beispielen erörtert.