Comment définir la valeur de la zone texte en javascript

Lors de la création d'une page Web ou du site Web via JavaScript, il peut y avoir une situation dans laquelle vous souhaitez définir une valeur de texte spécifique afin d'afficher un message de texte ou de notification spécifique pour un intervalle de temps spécifique, puis de le réinitialiser. Par exemple, afficher la bonne réponse en réponse à la question fournie, en particulier en cas de remplissage d'un formulaire ou d'un questionnaire. Dans de tels cas, la définition de la valeur de la zone texte en JavaScript est très utile pour aider efficacement l'utilisateur final.Cet article se concentrera sur les approches qui peuvent être utilisées pour définir la valeur de TextArea dans JavaScript.

Comment définir la valeur de TextArea dans JavaScript?

Pour définir la valeur de la zone de texte en JavaScript, les propriétés suivantes peuvent être utilisées:

• "continent textuel" Propriété.
• "valeur" Propriété.

Les propriétés déclarées seront désormais expliquées par une!

Approche 1: Définissez la valeur de TextArea en JavaScript à l'aide de la propriété TextContent

Cette approche peut être mise en œuvre pour récupérer le texte alloué et le définir en conséquence.

L'exemple suivant illustre le concept déclaré.

Exemple

Premièrement, spécifiez le «identifiant" et "nom”Correspondant au texte suivant dans le«" étiqueter:

C'est HTML

Ensuite, créez un bouton et attachez un "sur clic»Événement invoquant la fonction spécifiée:

Définir la valeur de TextArea

Après cela, déclarez une fonction nommée «setTextValue ()". Dans sa définition, obtenez le «identifiant”Du texte spécifié avant. Enfin, appliquez le «continent textuel”Propriété et définissez la valeur du texte attribuée avant à celle ci-dessous:

fonction setTextValue ()
document.getElementByid ('text').textContent = "c'est JavaScript"

Sortir

Approche 2: Définissez la valeur de TextArea en JavaScript en utilisant la propriété de valeur

Dans cette approche particulière, la valeur de la zone de texte peut être définie en récupérant la valeur spécifiée et en lui attribuant une valeur nouvellement initialisée.

Exemple

Dans l'exemple suivant, incluez également la valeur suivante dans la zone de texte ayant le spécifié "identifiant»:

Site Internet

De même, créez le bouton suivant en ayant un "sur clic»Redirection de l'événement vers la fonction setTextValue ():

Définir la valeur de TextArea

Maintenant, définissez la fonction nommée «setTextValue ()". Ici, accédez à l'ID du texte spécifié. Dans l'étape suivante, attribuez une nouvelle valeur de texte à la variable nommée «Valueupdate".

Enfin, appliquez le «valeur”Propriété sur la valeur de zone de texte récupérée et attribuez-lui la nouvelle valeur comme suit:

fonction setTextValue ()
var textupdate = document.getElementById ('texte');
var valeurupdate = 'linuxhint';
textume.Value = ValueUpdate;

Sortir

Nous avons conclu les approches pratiques pour définir la valeur de la zone texte en JavaScript.

Conclusion

Le "continent textuel«Propriété ou«valeur«La propriété peut être appliquée pour définir la valeur de la zone de texte en JavaScript. L'ancienne approche accède à la valeur de zone de texte spécifiée et la définit brusquement. Cette dernière approche, en revanche, initialise une nouvelle valeur de texte et la affecte à la valeur de zone de texte récupérée. Nous vous recommandons de mettre en œuvre la première approche qui comprend une complexité globale moins de code et est facile à mettre en œuvre également. Cet article a compilé les approches qui peuvent être utiles pour définir la valeur de la zone de texte en JavaScript.