Mit HTML-Tags können Entwickler den Inhalt und die Struktur von Webseiten erstellen. Manchmal ist es notwendig, HTML-Tags mithilfe von JavaScript dynamisch zu erstellen und einzufügen. In diesem Artikel betrachten wir eine einfache Möglichkeit, HTML-Tags mit JavaScript auszugeben.
Um ein HTML-Tag mit JavaScript zu erstellen, können wir die Methode verwenden createElement(). Mit dieser Methode können Sie neue HTML-Elemente im Dokument erstellen.
const element = document.createElement('p');
element.textContent = 'Привет, мир!';
document.body.appendChild(element);In diesem Beispiel erstellen wir ein neues element p, legen Sie den Inhalt mit der Eigenschaft fest textContent und fügen Sie es mit einer Methode zur Seite hinzu appendChild() für ein Element body.
Mit der Methode createElement() wir können auch andere HTML-Tags erstellen, wie zum Beispiel a, div, span und viele andere. Auf diese einfache Weise können Sie mithilfe von JavaScript dynamisch HTML-Tags generieren und zu einer Seite hinzufügen.
So verwenden Sie JavaScript, um ein HTML-Tag auszugeben: Ein Anfängerhandbuch
Methode document.write() ermöglicht die Ausgabe von beliebigem HTML-Code pro Seite. Dazu müssen Sie diese Methode im Tag aufrufen script.
Wenn dieser Code ausgeführt wird, wird auf der Seite eine Kopfzeile der ersten Ebene mit dem Text "Hallo Welt!".
Wenn Sie mehrere HTML-Tags oder komplexes Markup ausgeben möchten, können Sie eine Kombination verwenden document.write() und JavaScript-String-Operationen. Zum Beispiel:
Wenn Sie diesen Code ausführen, werden mehrere Elemente auf der Seite angezeigt: eine Kopfzeile der ersten Ebene und ein Absatz mit Text, der die Verwendung von JavaScript zum Ausgeben von HTML-Tags beschreibt.
Es sollte jedoch daran erinnert werden, dass die Verwendung document.write() es ist nicht die empfohlene Methode, mit JavaScript zu arbeiten. In der modernen Entwicklung von Webseiten werden häufiger andere Methoden verwendet, wie zum Beispiel createElement() und appendChild().
Es ist wichtig sich daran zu erinnern, dass die Verwendung von JavaScript zur Ausgabe von HTML-Tags ordentlich und sicher sein sollte. Sie müssen die Eingaben überprüfen und filtern, um mögliche Schwachstellen zu vermeiden.
Eine einfache Möglichkeit, HTML-Tags mit JavaScript hinzuzufügen
Methode innerHTML ermöglicht das Abrufen oder Festlegen des HTML-Inhalts eines Elements. Um ein neues Tag hinzuzufügen, können Sie den Inhalt des Elements abrufen, das gewünschte HTML-Tag hinzufügen und den geänderten Inhalt dann mit zurücksetzen innerHTML.
var element = document.getElementById("myElement");
element.innerHTML += "
Neues Tag
";In diesem Beispiel erhalten wir ein Element mit der ID "myElement" und fügen ein neues Tag hinzu Neues Tag
Auf diese Weise ermöglicht JavaScript das einfache Hinzufügen von HTML-Tags zu einer Webseite, indem der Inhalt dynamisch geändert wird.
