Dokument: createTextNode() Methode - Web-APIs

Dokument: createTextNode() Methode - Web-APIs | MDN

Baseline Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.

Erstellt einen neuen Text-Knoten. Diese Methode kann verwendet werden, um HTML-Zeichen zu maskieren.

Syntax

Parameter

data: Ein String, der die Daten enthält, die in den Textknoten eingefügt werden sollen.

Rückgabewert

Ein Text-Knoten.

Beispiele

html

<button>YES!</button>
<button>NO!</button>
<button>WE CAN!</button>

<hr />

<p id="p1">First line of paragraph.</p>

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} `);
  });
});

Spezifikationen

Spezifikation
DOM # ref-for-dom-document-createtextnode①

Browser-Kompatibilität

Help improve MDN

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.