Come impostare il valore dell'area di testo in JavaScript

Durante la creazione di una pagina Web o del sito Web tramite JavaScript, può esserci una situazione in cui si desidera impostare un valore di testo specifico per visualizzare un messaggio specifico di testo o di notifica per un intervallo di tempo specifico e quindi ripristinarlo. Ad esempio, visualizzare la risposta corretta in risposta alla domanda fornita, in particolare nel caso di compilare un modulo o un questionario. In tali casi, l'impostazione del valore dell'area di testo in JavaScript è molto utile per aiutare efficacemente l'utente finale.Questo articolo si concentrerà sugli approcci che possono essere utilizzati per impostare il valore di Textarea in JavaScript.

Come impostare il valore textrea in javascript?

Per impostare il valore dell'area di testo in JavaScript, è possibile utilizzare le seguenti proprietà:

• "TextContent" Proprietà.
• "valore" Proprietà.

Le proprietà dichiarate verranno ora spiegate una per uno!

Approccio 1: Imposta il valore di Textarea in JavaScript utilizzando la proprietà TextContent

Questo approccio può essere implementato per recuperare il testo allocato e impostarlo di conseguenza.

Il seguente esempio illustra il concetto dichiarato.

Esempio

In primo luogo, specificare il “id" E "nome"Corrispondente al seguente testo all'interno del""Tag:

Questo è HTML

Quindi, crea un pulsante e allega un "al clic"Evento che invoca la funzione specificata:

Imposta il valore textreatea

Dopodiché, dichiara una funzione chiamata "setTextValue ()". Nella sua definizione, ottieni il "id"Del testo specificato prima. Infine, applica il "TextContent"Proprietà e impostare il valore di testo assegnato prima di quello sotto aggiornato:

funzione setTextValue ()
documento.getElementById ("testo").textContent = "Questo è JavaScript"

Produzione

Approccio 2: Imposta il valore di TextArea in JavaScript utilizzando la proprietà Value

In questo particolare approccio, il valore dell'area di testo può essere impostato recuperando il valore specificato e assegnandolo un valore di recente inizializzato.

Esempio

Nell'esempio seguente, allo stesso modo include il seguente valore all'interno dell'area di testo con il specificato "id":

Sito web

Allo stesso modo, crea il pulsante seguente con un "al clic"Reindirizzamento dell'evento alla funzione setTextValue ():

Imposta il valore textreatea

Ora, definisci la funzione denominata "setTextValue ()". Qui, accedi all'ID del testo specificato. Nel passaggio successivo, assegnare un nuovo valore di testo alla variabile denominata "Valueupdate".

Infine, applica il “valore"Proprietà sul valore dell'area di testo recuperata e assegnarlo il nuovo valore come segue:

funzione setTextValue ()
var textupdate = documento.getElementById ('testo');
var valoreupdate = 'linuxhint';
textupdate.value = valowupdate;

Produzione

Abbiamo concluso gli approcci convenienti per impostare il valore dell'area di testo in JavaScript.

Conclusione

IL "TextContent"Proprietà o"valore“La proprietà può essere applicata per impostare il valore dell'area di testo in JavaScript. Il primo approccio accede al valore dell'area di testo specificata e lo imposta bruscamente. Quest'ultimo approccio, d'altra parte, inizializza un nuovo valore di testo e lo assegna al valore dell'area di testo recuperati. Ti consigliamo di implementare il primo approccio che include una complessità complessiva di codice ed è anche facile da implementare. Questo articolo ha compilato gli approcci che possono essere utili per impostare il valore dell'area di testo in JavaScript.