Comment afficher un var javascript dans le corps HTML

Les variables de JavaScript sont utilisées pour stocker des données qui peuvent être requises plus tard dans le script. Les développeurs peuvent avoir besoin d'afficher la valeur d'une variable dans le corps HTML en utilisant JavaScript pour manipuler le DOM (modèle d'objet de document). JavaScript donne quelques méthodes ou attributs pré-construits pour effectuer ces tâches.

Ce message expliquera la voie à afficher une valeur d'une variable dans le corps HTML.

Comment afficher / afficher un var javascript dans le corps HTML?

Pour afficher une valeur de la variable JavaScript dans le corps HTML, utilisez les approches suivantes:

• • document.Méthode écrite ()
  • propriété innerhtml

Méthode 1: Afficher un var javascript dans le corps HTML à l'aide de «document.Méthode écrite () »

L'un des moyens les plus simples pour afficher une variable JavaScript dans le corps HTML est d'utiliser le «document.écrire()" méthode. Il s'agit d'une méthode prédéfinie du «Document”Objet pour écrire une chaîne de texte au document HTML.

Syntaxe

Suivez la syntaxe donnée pour le «document.Méthode écrite () »:

document.écrire (variable)

Exemple

La page Web avant d'afficher VAR dans le corps HTML ressemble à ceci:

Tout d'abord, créez une variable "message«Cela contient une chaîne de texte qui s'affiche sur la page Web:

var message = "Bienvenue sur LinuxHint";

Passez la variable au «document.écrire()«Méthode comme argument:

document.écrire un message);

Maintenant, vous pouvez voir que le message a été imprimé avec succès sur la page Web:

Si vous souhaitez afficher le texte ou la valeur d'une variable sur l'élément spécifié ou la section de la page Web, suivez la section donnée.

Méthode 2: Afficher un var javascript dans le corps HTML à l'aide de la propriété «InnerHTML»

Une autre façon d'afficher la valeur de la variable JavaScript dans le corps HTML est d'utiliser le javascript "innerhtml" attribut. C'est l'approche la plus couramment utilisée pour définir le contenu HTML sur un élément de la page Web.

Syntaxe

Utilisez la syntaxe donnée pour utiliser l'attribut «innerHTML»:

document.getElementByid ("id").innerHtml = variable;

Exemple

Créez un élément de paragraphe avec un attribut ID dans un fichier html, qui maintiendra la valeur de la variable:

Dans le fichier javascript ou la balise, appelez le «document.getElementByid ()”Méthode pour obtenir une référence du HTML

Tag et définissez le "innerhtml”Attribut à la valeur de la variable:

document.getElementByid ("msg").innerHtml = message;

Sortir

Nous avons compilé toutes les informations essentielles liées à la variable JavaScript d'affichage dans le corps HTML.

Conclusion

Pour afficher une valeur d'une variable dans le corps HTML, utilisez le «document.écrire()"Méthode ou le javascript"innerhtml" propriété. C'est l'approche la plus couramment utilisée pour définir le contenu HTML sur un élément de la page Web. Ce message a expliqué différentes méthodes pour afficher une variable dans le corps HTML.