Beispiel
Erstellen Sie einen Textknoten:
var t = document.createTextNode("Hello World");
Das Ergebnis wird sein:
Hello World
Versuch es selber " HTML - Elemente besteht oft aus sowohl einem Element Knoten und einem Textknoten.
Um einen Header zu erstellen (eg <h1>) , müssen Sie schaffen sowohl ein <h1> Element und einen Textknoten:
Beispiel
Erstellen Sie ein <h1> Element mit Text:
var h = document.createElement("H1")
// Create a <h1> element
var t = document.createTextNode("Hello World"); //
Create a text node
h.appendChild(t);
// Append the text to <h1>Das Ergebnis wird sein:
Hello World
Versuch es selber " Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Die createTextNode() Methode erstellt eine Textknoten mit dem angegebenen Text.
Tipp: Verwenden Sie die createElement() Methode einen Elementknoten mit dem angegebenen Namen zu erstellen.
Tipp: Nachdem der Textknoten erstellt wird, die Verwendung Element. appendChild() oder Element. insertBefore() Methode , um es an einem Element anzuhängen.
Browser-Unterstützung
| Methode | |||||
|---|---|---|---|---|---|
| createTextNode() | Ja | Ja | Ja | Ja | Ja |
Syntax
document.createTextNode( text )Parameterwerte
| Parameter | Art | Beschreibung |
|---|---|---|
| text | String | Erforderlich. Der Text des Textknoten |
Technische Details
| DOM Version: | Core Level 1 Document Object |
|---|---|
| Rückgabewert: | Ein Text Node-Objekt mit dem erstellten Textknoten |
Mehr Beispiele
Beispiel
Erstellen Sie ein <p> Element mit Text:
var para = document.createElement("P");
// Create a <p> element
var t =
document.createTextNode("This is a paragraph.");
// Create a text node
para.appendChild(t);
// Append the text to <p> Versuch es selber "