HTML DOM Document createElement() Methode

Definition und Verwendung

createElement() Methoden erstellen Elementknoten.

Weitere Informationen:

Element appendChild() Methode

Element insertBefore() Methode

Beispiel

Beispiel 1

Erstellen Sie ein <p>-Element und fügen Sie es dem Dokument hinzu:

const para = document.createElement("p");
para.innerText = "Dies ist ein Absatz";
document.body.appendChild(para);

Versuchen Sie es selbst

Beispiel 2

Erstellen Sie ein <p>-Element und fügen Sie es einem Element hinzu:

const para = document.createElement("p");
para.innerHTML = "Dies ist ein Absatz.";
document.getElementById("myDIV").appendChild(para);

Versuchen Sie es selbst

Beispiel 3

Erstellen Sie einen Button:

const btn = document.createElement("button");
btn.innerHTML = "Hello Button";
document.body.appendChild(btn);

Versuchen Sie es selbst

Syntax

document.createElement(tagName)

Parameter

Parameter Beschreibung
tagName

Erforderlich. Der Tagname des zu erstellenden Elements.

HTML-Tagsnamen können in beliebiger Groß-/Kleinschreibung verwendet werden.

XML-Tagsnamen müssen groß/klein geschrieben werden.

Rückgabewert

Typ Beschreibung
Knoten Der neu erstellte Elementknoten hat den angegebenen Tagnamen.

wird geworfen

Falls der tagName unzulässige Zeichen enthält, wirft dieser Methodenaufruf den Code INVALID_CHARACTER_ERR der DOMException-Exception.

Browserunterstützung

document.createElement() ist eine Eigenschaft von DOM Level 1 (1998).

Es wird von allen Browsern unterstützt:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
unterstützt 9-11 unterstützt unterstützt unterstützt unterstützt