Jak wyświetlić JavaScript var w ciele HTML

Zmienne w JavaScript są wykorzystywane do przechowywania danych, które mogą być wymagane w dalszej części skryptu. Deweloperzy mogą wymagać wyświetlania wartości zmiennej w ciele HTML za pomocą JavaScript do manipulowania DOM (model obiektu Document). JavaScript podaje niektóre wstępnie zbudowane metody lub atrybuty do wykonywania tych zadań.

Ten post wyjaśni sposób wyświetlania wartości zmiennej w korpusie HTML.

Jak wyświetlić/pokazać JavaScript var w ciele HTML?

Aby wyświetlić wartość zmiennej JavaScript w ciele HTML, użyj następujących podejść:

• • dokument.Metoda zapisu ()
  • Własność InnerHtml

Metoda 1: Wyświetl JavaScript var w treści HTML za pomocą „Dokument.Metoda zapisu () ”

Jednym z najprostszych sposobów wyświetlania zmiennej JavaScript w korpusie HTML jest użycie „dokument.pisać()" metoda. Jest to wstępnie zbudowana metoda „Dokument„Obiekt do napisania ciąg tekstu do dokumentu HTML.

Składnia

Postępuj zgodnie z podaną składnią dla „Dokument.Write () ”Metoda:

dokument.Napisz (zmienna)

Przykład

Strona internetowa przed wyświetleniem var w ciele HTML wygląda tak:

Najpierw utwórz zmienną „wiadomość”, Który zawiera ciąg tekstowy, który będzie wyświetlany na stronie internetowej:

var message = "Welcome to Linuxhint";

Przekaż zmienną do „dokument.pisać()„Metoda jako argument:

dokument.pisać wiadomość);

Teraz widać, że wiadomość została pomyślnie wydrukowana na stronie internetowej:

Jeśli chcesz wyświetlić tekst lub wartość zmiennej w określonym elemencie lub w sekcji na stronie internetowej, postępuj zgodnie z podaną sekcją.

Metoda 2: Wyświetl JavaScript VAR w korpusie HTML za pomocą właściwości „InnerHTML”

Innym sposobem wyświetlania wartości zmiennej JavaScript w korpusie HTML jest użycie JavaScript „InnerHtml" atrybut. Jest to najczęściej stosowane podejście do ustawienia zawartości HTML na elemencie strony internetowej.

Składnia

Użyj podanej składni do użycia atrybutu „InnerHTML”:

dokument.getElementById („id”).innerHtml = zmienna;

Przykład

Utwórz element akapitu z atrybutem ID w pliku HTML, który będzie utrzymywał wartość zmienną:

W pliku JavaScript lub tagdokument.getElementById ()„Metoda uzyskania odniesienia dla HTML

tag i ustaw „InnerHtml„Atrybut wartości zmiennej:

dokument.getElementById („MSG”).innerHtml = wiadomość;

Wyjście

Skompilowaliśmy wszystkie podstawowe informacje związane z wyświetlaną zmienną JavaScript w korpusie HTML.

Wniosek

Aby wyświetlić wartość zmiennej w korpusie HTML, użyj „dokument.pisać()„Metoda lub JavaScript”InnerHtml" nieruchomość. Jest to najczęściej stosowane podejście do ustawienia zawartości HTML na elemencie strony internetowej. W tym poście wyjaśniono różne metody wyświetlania zmiennej w korpusie HTML.