Como definir o valor da área de texto em JavaScript

Ao criar uma página da web ou o site via JavaScript, pode haver uma situação em que você deseja definir um valor específico de texto para exibir algum texto ou mensagem de notificação específica para um intervalo de tempo específico e depois redefini -lo. Por exemplo, exibindo a resposta correta em resposta à pergunta fornecida, especialmente no caso de preencher um formulário ou um questionário. Nesses casos, definir o valor da área de texto em JavaScript é muito útil para ajudar o usuário final efetivamente.Este artigo se concentrará nas abordagens que podem ser utilizadas para definir o valor da textária em JavaScript.

Como definir o valor da textarea em JavaScript?

Para definir o valor da área de texto em JavaScript, as seguintes propriedades podem ser utilizadas:

• ““TextContent" Propriedade.
• ““valor" Propriedade.

As propriedades declaradas agora serão explicadas uma a uma!

Abordagem 1: Defina o valor do textário em JavaScript usando a propriedade TextContent

Essa abordagem pode ser implementada para buscar o texto alocado e defini -lo de acordo.

O exemplo a seguir ilustra o conceito declarado.

Exemplo

Em primeiro lugar, especifique o “eu ia" e "nome”Correspondente ao seguinte texto dentro do“" marcação:

Isso é html

Em seguida, crie um botão e anexe um “ONCLICKEvento invocando a função especificada:

Defina o valor da textarea

Depois disso, declare uma função chamada “setTextValue ()”. Em sua definição, obtenha o “eu ia”Do texto especificado antes. Finalmente, aplique o “TextContent”Propriedade e defina o valor do texto atribuído antes para o abaixo de atualização:

função setTextValue ()
documento.getElementById ('texto').textContent = "Este é JavaScript"

Saída

Abordagem 2: Defina o valor do textário em JavaScript usando a propriedade Value

Nesta abordagem em particular, o valor da área de texto pode ser definido buscando o valor especificado e atribuindo -lhe um valor recentemente inicializado.

Exemplo

No exemplo a seguir, inclua da mesma forma o seguinte valor na área de texto com o especificado “eu ia”:

Local na rede Internet

Da mesma forma, crie o botão a seguir com um “ONCLICK”Evento redirecionando para a função setTextValue ():

Defina o valor da textarea

Agora, defina a função chamada “setTextValue ()”. Aqui, acesse o ID do texto especificado. Na próxima etapa, atribua um novo valor de texto à variável chamada “valueUpdate”.

Por fim, aplique o “valor”Propriedade sobre o valor da área de texto buscada e atribui o novo valor da seguinte forma:

função setTextValue ()
var textUpdate = documento.getElementById ('texto');
var valueUpdate = 'linuxhint';
textUpdate.valor = valueUpdate;

Saída

Concluímos as abordagens convenientes para definir o valor da área de texto em JavaScript.

Conclusão

O "TextContent"Propriedade ou a"valor“A propriedade pode ser aplicada para definir o valor da área de texto em JavaScript. A abordagem anterior acessa o valor da área de texto especificada e o define abruptamente. A última abordagem, por outro lado, inicializa um novo valor de texto e o atribui ao valor da área de texto buscada. Recomendamos que você implemente a primeira abordagem que inclui menos complexidade de código e é fácil de implementar também. Este artigo compilou as abordagens que podem ser úteis para definir o valor da área de texto em JavaScript.