So zeigen Sie einen JavaScript var im HTML -Körper an
Variablen in JavaScript werden zum Speichern von Daten verwendet, die später im Skript benötigt werden können. Entwickler müssen möglicherweise den Wert einer Variablen im HTML -Körper anweisen, indem Sie JavaScript verwenden, um das DOM (Dokumentobjektmodell) zu manipulieren (Dokumentobjektmodell). JavaScript gibt einige vorgefertigte Methoden oder Attribute, um diese Aufgaben auszuführen.
Dieser Beitrag erklärt den Weg, einen Wert einer Variablen im HTML -Körper anzuzeigen.
So anzeigen/Zeigen Sie einen JavaScript Var im HTML -Körper an?
Verwenden Sie die folgenden Ansätze, um einen Wert der JavaScript -Variablen im HTML -Körper anzuzeigen:
-
- dokumentieren.Write () Methode
- Innerhtml -Eigenschaft
Methode 1: Zeigen Sie ein JavaScript Var im HTML -Körper mit „Dokument an.Write () ”Methode
Eine der einfachsten Möglichkeiten, um eine JavaScript -Variable im HTML -Körper anzuzeigen, besteht darin, die zu verwendendokumentieren.schreiben()" Methode. Es ist eine vorgefertigte Methode der “DokumentierenObjekt zum Schreiben einer Textzeichenfolge in das HTML -Dokument.
Syntax
Folgen Sie der angegebenen Syntax für das „Dokument.Write () ”Methode:
dokumentieren.Schreiben (Variable)
Beispiel
Die Webseite vor dem Anzeigen von VAR im HTML -Körper sieht folgt aus:
Erstellen Sie zunächst eine Variable “NachrichtDas enthält eine Textzeichenfolge, die auf der Webseite angezeigt wird:
var message = "Willkommen bei LinuxHint";
Übergeben Sie die Variable an die “dokumentieren.schreiben()Methode als Argument:
dokumentieren.Schreiben (Nachricht);
Jetzt können Sie sehen, dass die Nachricht erfolgreich auf der Webseite gedruckt wurde:
Wenn Sie den Text oder den Wert einer Variablen im angegebenen Element oder im Abschnitt auf der Webseite anzeigen möchten, befolgen Sie den angegebenen Abschnitt.
Methode 2: Zeigen Sie ein JavaScript Var in der HTML -Körper unter Verwendung der Eigenschaft „Innerhtml“ an
Eine andere Möglichkeit, den Wert der JavaScript -Variablen im HTML -Körper anzuzeigen, besteht darin, das JavaScript zu verwendenInnerhtml”Attribut. Es ist der am häufigsten verwendete Ansatz, um den HTML -Inhalt auf einem Element der Webseite festzulegen.
Syntax
Verwenden Sie die angegebene Syntax für die Verwendung des Attributs „InnerHtml“:
dokumentieren.GetElementById ("ID").Innerhtml = Variable;
Beispiel
Erstellen Sie ein Absatzelement mit einem ID -Attribut in einer HTML -Datei, die den variablen Wert enthält:
Rufen Sie in JavaScript -Datei oder dem Tag die “auf“dokumentieren.GetElementById ()Methode, um eine Referenz des HTML zu erhalten
Tag und setzen Sie die “Innerhtml”Attribut auf den Wert der Variablen:
dokumentieren.GetElementById ("msg").Innerhtml = Nachricht;
Ausgang
Wir haben alle wesentlichen Informationen zum Anzeigen der JavaScript -Variablen im HTML -Körper zusammengestellt.
Abschluss
Verwenden Sie die “, um einen Wert einer Variablen im HTML -Körper anzuzeigendokumentieren.schreiben()"Methode oder das JavaScript"Innerhtml" Eigentum. Es ist der am häufigsten verwendete Ansatz, um den HTML -Inhalt auf einem Element der Webseite festzulegen. In diesem Beitrag wurden verschiedene Methoden zur Anzeige einer Variablen im HTML -Körper erläutert.