[ Web Proxy ]
URL:
Viewing: https://developer.mozilla.org/de/docs/Web/API/Document/createTextNode [Back]  [Original]

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

Dieser Inhalt wurde automatisch aus dem Englischen bersetzt, und kann Fehler enthalten. Erfahre mehr ber dieses Experiment.

View in English Always switch to English

Dokument: createTextNode() Methode

Baseline Weitgehend verfgbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Gerten und in vielen Browserversionen. Sie ist seit Juli 2015 browserbergreifend verfgbar.

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

In diesem Artikel

Syntax

js
createTextNode(data)

Parameter

data

Ein String, der die Daten enthlt, die in den Textknoten eingefgt werden sollen.

Rckgabewert

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-Kompatibilitt


Web Proxy Viewer  |  New URL  |  Original Page