Example
Create a text node:
var t = document.createTextNode("Hello World");
The result will be:
Hello World
Try it Yourself »
HTML elements often consists of both an element node and a text node.
To create a header (e.g. <h1>), you must create both an <h1> element and a text node:
Example
Create a <h1> element with some 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>
The result will be:
Hello World
Try it Yourself »
More "Try it Yourself" examples below.
Definition and Usage
The createTextNode() method creates a Text Node with the specified text.
Tip: Use the createElement() method to create an Element Node with the specified name.
Tip: After the Text Node is created, use the element.appendChild() or element.insertBefore() method to append it to an element.
Browser Support
| Method | |||||
|---|---|---|---|---|---|
| createTextNode() | Yes | Yes | Yes | Yes | Yes |
Syntax
document.createTextNode(text)
Parameter Values
| Parameter | Type | Description |
|---|---|---|
| text | String | Required. The text of the Text node |
Technical Details
| DOM Version: | Core Level 1 Document Object |
|---|---|
| Return Value: | A Text Node object with the created Text Node |
More Examples
Example
Create a <p> element with some 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>
Try it Yourself »