Como exibir um JavaScript var no corpo HTML

Variáveis ​​em JavaScript são utilizadas para armazenar dados que podem ser necessários posteriormente no script. Os desenvolvedores podem precisar exibir o valor de uma variável no corpo HTML usando JavaScript para manipular o DOM (modelo de objeto de documento). O JavaScript fornece alguns métodos ou atributos pré-criados para executar essas tarefas.

Este post explicará o caminho para exibir um valor de uma variável no corpo HTML.

Como exibir/mostrar um javascript var no corpo html?

Para exibir um valor da variável JavaScript no corpo HTML, use as seguintes abordagens:

• • documento.Método Write ()
  • Propriedade Innerhtml

Método 1: Exiba um JavaScript Var no corpo HTML usando “documento.Write () ”método

Uma das maneiras mais simples de exibir uma variável JavaScript no corpo HTML é usar o “documento.escrever()”Método. É um método pré-construído do “Documento”Objeto para escrever uma sequência de texto no documento HTML.

Sintaxe

Siga a sintaxe dada para o “documento.Write () ”Método:

documento.Escreva (variável)

Exemplo

A página da web antes de exibir var no corpo HTML se parece com o seguinte:

Primeiro, crie uma variável “mensagem”Isso contém uma sequência de texto que será exibida na página da web:

var message = "Bem -vindo ao linuxhint";

Passe a variável para o “documento.escrever()”Método como argumento:

documento.Escrever mensagem);

Agora, você pode ver que a mensagem foi impressa com sucesso na página da web:

Se você deseja exibir o texto ou o valor de uma variável no elemento especificado ou na seção na página da web, siga a seção fornecida.

Método 2: Exiba um JavaScript Var no corpo HTML usando a propriedade “Innerhtml”

Outra maneira de exibir o valor da variável JavaScript no corpo HTML é utilizar o JavaScript “Innerhtml”Atributo. É a abordagem mais comumente utilizada para definir o conteúdo HTML em um elemento da página da web.

Sintaxe

Use a sintaxe dada para usar o atributo "Innerhtml":

documento.getElementById ("id").inerhtml = variável;

Exemplo

Crie um elemento de parágrafo com um atributo de identificação em um arquivo HTML, que manterá o valor da variável:

No arquivo javascript ou na tag, ligue para o “documento.getElementById ()”Método para obter uma referência do HTML

tag e defina o "Innerhtml”Atributo ao valor da variável:

documento.getElementById ("msg").inerhtml = mensagem;

Saída

Compilamos todas as informações essenciais relacionadas à variável JavaScript exibida no corpo HTML.

Conclusão

Para exibir um valor de uma variável no corpo HTML, use o “documento.escrever()”Método ou JavaScript“Innerhtml" propriedade. É a abordagem mais comumente utilizada para definir o conteúdo HTML em um elemento da página da web. Este post explicou métodos diferentes para exibir uma variável no corpo HTML.