Start · Sprachen · JavaScript · Referenz · Document.createTextNode()

Document.createTextNode()

Methode

Erzeugt einen neuen <code>Text</code>-Node. Diese Methode kann verwendet werden, um HTML-Zeichen zu escapen.

Kategorie: web-api

Signatur

document.createTextNode(data)

Beschreibung

Erzeugt einen neuen Text-Node. Diese Methode kann verwendet werden, um HTML-Zeichen zu escapen.

Parameter

Name Typ Default Beschreibung
$data Pflicht string Ein String, der die Daten enthält, die in den Text-Node eingefügt werden sollen.

Rückgabewert

Typ
Text
Beschreibung
Ein Text-Node.

Beispiele

Beispiel

function addTextNode(text) {
  const newText = document.createTextNode(text);
  const p1 = document.getElementById("p1");

  p1.appendChild(newText);
}

document.querySelectorAll("button").forEach((button) => {
  button.addEventListener("click", (event) => {
    addTextNode(`${event.target.textContent} `);
  });
});