X
HOME HTML CSS JAVASCRIPT SQL PHP JQUERY ANGULAR BOOTSTRAP XML ASP.NET MORE...
REFERENCES | EXAMPLES | FORUM | ABOUT

HTML DOM createTextNode() Method

Document Object Reference Document Object

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


Examples

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 »


Document Object Reference Document Object


Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

WEB HOSTING

UK Reseller Hosting

WEB BUILDING

Download XML Editor FREE Website BUILDER Free HTML5 Templates

SHARE THIS PAGE

facebook