Las variables en JavaScript se utilizan para almacenar datos que se pueden requerir más adelante en el script. Los desarrolladores pueden necesitar mostrar el valor de una variable en el cuerpo HTML utilizando JavaScript para manipular el DOM (modelo de objeto de documento). JavaScript ofrece algunos métodos o atributos preconstruidos para realizar estas tareas.
Esta publicación explicará el camino para mostrar un valor de una variable en el cuerpo HTML.
Cómo mostrar/mostrar un JavaScript Var en el cuerpo HTML?
Para mostrar un valor de la variable JavaScript en el cuerpo HTML, use los siguientes enfoques:
Método 1: Muestre un javaScript var en el cuerpo HTML usando "documento.método de escritura
Una de las formas más simples para mostrar una variable JavaScript en el cuerpo HTML es usar el "documento.escribir()" método. Es un método preconstruido del "DocumentoObjeto para escribir una cadena de texto en el documento HTML.
Sintaxis
Siga la sintaxis dada para el "documento.método de escritura:
documento.escribir (variable)
Ejemplo
La página web antes de mostrar var en el cuerpo HTML se ve así:
Primero, cree una variable "mensaje"Eso contiene una cadena de texto que se mostrará en la página web:
VAR Message = "Bienvenido a LinuxHint";
Pasar la variable al "documento.escribir()Método como argumento:
documento.escribe un mensaje);
Ahora, puede ver que el mensaje se ha imprimido correctamente en la página web:
Si desea mostrar el texto o el valor de una variable en el elemento especificado o la sección en la página web, siga la sección dada.
Método 2: Muestre un var JavaScript en el cuerpo HTML utilizando la propiedad "InnerHTML"
Otra forma de mostrar el valor de la variable JavaScript en el cuerpo HTML es utilizar el JavaScript "innerhtml" atributo. Es el enfoque más comúnmente utilizado para establecer el contenido HTML en un elemento de la página web.
Sintaxis
Use la sintaxis dada para usar el atributo "InnerHTML":
documento.getElementById ("ID").innerhtml = variable;
Ejemplo
Cree un elemento de párrafo con un atributo de ID en un archivo HTML, que contendrá el valor variable:
En el archivo JavaScript o la etiqueta, llame al "documento.getElementById ()Método para obtener una referencia del HTML
etiqueta y configure el "innerhtml"Atributo al valor de la variable:
documento.GetElementById ("Msg").innerhtml = mensaje;
Producción
Hemos compilado toda la información esencial relacionada con la variable JavaScript que muestra en el cuerpo HTML.
Conclusión
Para mostrar un valor de una variable en el cuerpo HTML, use el "documento.escribir()"Método o el JavaScript"innerhtml" propiedad. Es el enfoque más comúnmente utilizado para establecer el contenido HTML en un elemento de la página web. Esta publicación explicó diferentes métodos para mostrar una variable en el cuerpo HTML.