MDN Web Docs

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

js

createTextNode(data)

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>

js

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

Ja Nein

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

Read the original on developer.mozilla.org ↗