Come visualizzare un var javascript nel corpo HTML

Le variabili in JavaScript sono utilizzate per la memorizzazione di dati che possono essere richiesti più avanti nello script. Gli sviluppatori potrebbero dover visualizzare il valore di una variabile nel corpo HTML utilizzando JavaScript per manipolare il DOM (Document Object Model). JavaScript fornisce alcuni metodi o attributi pre-costruiti per eseguire queste attività.

Questo post spiegherà il modo per visualizzare un valore di una variabile nel corpo HTML.

Come visualizzare/mostrare un var javascript nel corpo HTML?

Per visualizzare un valore della variabile JavaScript nel corpo HTML, utilizzare i seguenti approcci:

• • documento.Metodo Write ()
  • Proprietà InnerHTML

Metodo 1: visualizzare un var javascript nel corpo HTML usando “Documento.Write () "Metodo

Uno dei modi più semplici per visualizzare una variabile JavaScript nel corpo HTML è usare "documento.scrivere()" metodo. È un metodo pre-costruito di "Documento"Oggetto per scrivere una stringa di testo nel documento HTML.

Sintassi

Seguire la sintassi indicata per il "documento.Write () "Metodo:

documento.Scrivi (variabile)

Esempio

La pagina Web prima di visualizzare VAR nel corpo HTML sembra così:

Innanzitutto, crea una variabile "Messaggio"Ciò contiene una stringa di testo che verrà visualizzata sulla pagina Web:

VAR Message = "Welcome to LinuxHint";

Passare la variabile al "documento.scrivere()"Metodo come argomento:

documento.Scrivi un messaggio);

Ora, puoi vedere che il messaggio è stato stampato correttamente sulla pagina web:

Se si desidera visualizzare il testo o il valore di una variabile sull'elemento specificato o sulla sezione nella pagina Web, seguire la sezione data.

Metodo 2: visualizzare un var javascript nel corpo HTML usando la proprietà "InnerHTML"

Un altro modo per visualizzare il valore della variabile JavaScript nel corpo HTML è quello di utilizzare il JavaScript "Innerhtml"Attributo. È l'approccio più comunemente utilizzato per impostare il contenuto HTML su un elemento della pagina web.

Sintassi

Utilizzare la sintassi data per l'utilizzo dell'attributo "InnerHTML":

documento.getElementById ("id").InnerHTML = variabile;

Esempio

Crea un elemento di paragrafo con un attributo ID in un file HTML, che contenga il valore variabile:

Nel file JavaScript o nel tag, chiama "documento.getElementById ()"Metodo per ottenere un riferimento dell'HTML

tagga e imposta il "Innerhtml"Attributo al valore della variabile:

documento.getElementById ("MSG").InnerHtml = messaggio;

Produzione

Abbiamo compilato tutte le informazioni essenziali relative alla variabile JavaScript visualizzata nel corpo HTML.

Conclusione

Per visualizzare un valore di una variabile nel corpo HTML, utilizzare il “documento.scrivere()"Metodo o JavaScript"Innerhtml" proprietà. È l'approccio più comunemente utilizzato per impostare il contenuto HTML su un elemento della pagina web. Questo post ha spiegato diversi metodi per visualizzare una variabile nel corpo HTML.