Hvordan vise en JavaScript var i HTML -kropp

Variabler i JavaScript brukes til lagring av data som kan kreves senere i skriptet. Utviklere kan trenge å vise verdien av en variabel i HTML -kroppen ved å bruke JavaScript for å manipulere DOM (Document Object Model). JavaScript gir noen forhåndsbygde metoder eller attributter for å utføre disse oppgavene.

Dette innlegget vil forklare måten for å vise en verdi av en variabel i HTML -kroppen.

Hvordan vise/vise en JavaScript var i HTML -kroppen?

For å vise en verdi av JavaScript -variabelen i HTML -kroppen, bruk følgende tilnærminger:

• • dokument.Skriv () Metode
  • Innerhtml eiendom

Metode 1: Vis en JavaScript VAR i HTML -kroppen ved å bruke “Dokument.skriv () ”-metode

En av de enkleste måtene å vise en JavaScript -variabel i HTML -kroppen er å bruke “dokument.skrive()”Metode. Det er en forhåndsbygget metode for "Dokument”Objekt for å skrive en tekststreng til HTML -dokumentet.

Syntaks

Følg den gitte syntaks for “Dokumentet.skriv () ”-metode:

dokument.Skriv (variabel)

Eksempel

Nettsiden før du viser VAR i HTML -kroppen ser slik ut:

Først må du lage en variabel "beskjed”Som har en tekststreng som vises på websiden:

var melding = "Velkommen til Linuxhint";

Gi variabelen til "dokument.skrive()”Metode som et argument:

dokument.skriv (melding);

Nå kan du se at meldingen er skrevet ut på websiden:

Hvis du vil vise teksten eller verdien til en variabel på det spesifiserte elementet eller delen på websiden, følg den gitte delen.

Metode 2: Vis en JavaScript var i HTML -kroppen ved hjelp av "InnerHTML" -egenskapen

En annen måte å vise verdien av JavaScript -variabelen i HTML -kroppen er å bruke JavaScript “indrehtml" Egenskap. Det er den mest brukte tilnærmingen for å angi HTML -innholdet på et element på websiden.

Syntaks

Bruk den gitte syntaks for å bruke “InnerHTML” -attributtet:

dokument.getElementById ("Id").InnerHTML = variabel;

Eksempel

Opprett et avsnittselement med en ID -attributt i en HTML -fil, som vil ha variabel verdi:

I JavaScript -fil eller taggen, ring "dokument.getElementById ()”Metode for å få en referanse til HTML

tagg og angi “indrehtml”Attributt til verdien av variabelen:

dokument.getElementById ("MSG").InnerHTML = melding;

Produksjon

Vi har samlet all den essensielle informasjonen relatert til visning av JavaScript -variabelen i HTML -kroppen.

Konklusjon

For å vise en verdi av en variabel i HTML -kroppen, bruk "dokument.skrive()”Metode eller JavaScript”indrehtml”Eiendom. Det er den mest brukte tilnærmingen for å angi HTML -innholdet på et element på websiden. Dette innlegget forklarte forskjellige metoder for å vise en variabel i HTML -kroppen.