Cet article définira la procédure d'attribution de valeur à la zone de texte à l'aide de JavaScript.
Comment attribuer une valeur à une zone de texte à l'aide de JavaScript ?
Pour attribuer une valeur à la zone de texte, utilisez les méthodes suivantes :
Regardons le fonctionnement de ces méthodes séparément !
Méthode 1 : attribuer une valeur à la zone de texte à l'aide de la méthode setAttribute()
La ' setAttribute() ” La méthode est utilisée pour attribuer une valeur à la zone de texte. Il est utilisé pour ajouter ou définir un attribut à un certain élément et lui donner une valeur. Cette méthode prend deux paramètres en argument, et les deux sont obligatoires.
Syntaxe
Suivez la syntaxe ci-dessous pour la méthode setAttribute() :
setAttribute ( nom d'attribut, valeur d'attribut ) ;Ici, ' valeur d'attribut ” est la valeur de l'attribut dont le nom est spécifié.
Exemple
Nous allons d'abord créer un titre et un champ de saisie avec par défaut ' Texte ” valeur d'espace réservé. Ensuite, ajoutez un bouton qui invoquera la méthode 'myFunction()' lorsqu'il sera cliqué :
< h5 > Cliquez sur le bouton pour voir le défaut valeur du champ de texte. h5 >< type d'entrée = 'texte' identifiant = 'monTexte' espace réservé = 'Texte' >
< bouton onclick = 'maFonction()' > Cliquez sur bouton >
Dans le fichier JS, définissez une fonction nommée ' maFonction() ' et accédez à la zone de texte en utilisant ' getElementbyId() ” puis définissez la valeur à l'aide de “ setAttribute() ' méthode:
fonction maFonction ( ) {document. getElementById ( 'monTexte' ) . setAttribute ( 'évaluer' , 'LinuxHint' ) ;
}
On peut voir à partir de la sortie que lorsque le bouton est cliqué, la valeur de la zone de texte est définie sur ' LinuxHintGenericName ” :
Voyons la procédure suivante pour attribuer une valeur à la zone de texte.
Méthode 2 : attribuer une valeur à la zone de texte à l'aide de la propriété de valeur de texte
Il existe une autre approche pour attribuer une valeur à la zone de texte, qui est le ' évaluer » propriété du texte. Dans cette approche, il vous suffit d'affecter la valeur à la zone de texte à l'aide de la propriété value.
Syntaxe
Utilisez la syntaxe suivante pour attribuer une valeur à une zone de texte à l'aide de la propriété value de l'élément de texte :
évaluer = 'Texte' ;Exemple
Ici, nous allons attribuer la valeur à la zone de texte déjà créée dans l'exemple précédent. Pour ce faire, accédez à la zone de texte dans myFunction(), puis attribuez la valeur requise à la zone de texte à l'aide de la touche ' évaluer ' propriété:
fonction maFonction ( ) {document. getElementById ( 'monTexte' ) . évaluer = 'LinuxHint' ;
}
Comme vous pouvez voir la sortie avec succès, attribuez la valeur à la zone de texte :
Nous avons rassemblé les approches les plus simples pour attribuer une valeur à la zone de texte à l'aide de JavaScript.
Conclusion
Pour attribuer une valeur à la zone de texte à l'aide de JavaScript, vous pouvez utiliser la méthode JavaScript prédéfinie appelée méthode setAttribute() ou la propriété value de l'élément de texte. Ces deux approches fonctionnent efficacement pour attribuer une valeur à la zone de texte. Vous pouvez sélectionner l'un d'entre eux selon vos besoins. Dans cet article, nous avons discuté des approches pour attribuer la valeur à la zone de texte à l'aide de JavaScript avec des exemples détaillés.