Wstawienie HTML do Div - JavaScript

W wielu przypadkach istnieje potrzeba dynamicznego dodawania danych na stronach internetowych, takich jak na forach mediów społecznościowych, sklepach internetowych, stronach z wiadomościami, pulpitowaniu i tak dalej. Mówiąc dokładniej, każda strona internetowa wyświetlająca zmianę danych lub treści może wymagać dynamicznych aktualizacji za pomocą JavaScript lub innych narzędzi do tworzenia stron internetowych.

W tym artykule opisano, jak wstawić HTML do elementu DIV w JavaScript.

Jak wstawić HTML do div za pomocą JavaScript?

Ponieważ JavaScript jest językiem dynamicznym i jest używany dynamicznie. W tym celu użyj prebitowanych atrybutów JavaScript. Aby wstawić HTML do div, skorzystaj z następujących podejść:

• Własność InnerHtml
• Własność Innertext

Metoda 1: Włóż HTML do div przy użyciu właściwości „InnerHTML”

Użyj "InnerHtml„Własność w celu wprowadzenia HTML do Div. Może pobrać zawartość HTML elementu jako ciąg lub ustawić nową zawartość HTML dla elementu, w tym tagów tekstu lub html.

Składnia

Użyj podanej składni dla właściwości InnerHTML, aby dodać HTML do div w JavaScript:

element.InnerHtml

Przykład

Utwórz div w elemencie HTML za pomocą znacznika i powiązaj identyfikator „insertText"

W pliku JavaScript lub tagInnerHtml”Atrybut do ustawienia tekstu za pomocą linku Anchor:

dokument.getElementById („insertText”).innerHtml = "Welcome to Linuxhint";

Jak widać, że tekst z linkiem został pomyślnie wstawiony na stronie za pomocą JavaScript:

Metoda 2: Wstaw HTML do div przy użyciu właściwości „Innertext”

Innym sposobem wstawienia HTML do div jest użycie „Innertext" nieruchomość. Może uzyskać/pobrać treść elementu HTML lub ustawić nową zawartość tekstu dla elementu HTML.

Składnia

Wykorzystaj następującą składnię dla właściwości innertext:

element.Innertext

Przykład

Tutaj dodamy tekst w elemencie div za pomocą atrybutu innertext:

dokument.getElementById („insertText”).innertext = "hy! Wkładam do tej div za pomocą właściwości „Innertext” ”;

Wyjście

Chodzi o wstawienie HTML do div za pomocą JavaScript.

Wniosek

Aby wstawić znaczniki i tekst HTML do elementu HTML Div, użyj „InnerHtml„Własność i do wkładania tylko tekstu do elementu DIV, użyj„Innertext" nieruchomość. W tym artykule opisano sposoby wstawienia HTML do div za pomocą JavaScript.