XML DOM textContent Property


Element Object Reference Element Object

Definition and Usage

The textContent property returns or sets the text from the selected element.

On returning text, this property returns the value of all text nodes within the element node.

On setting text, this property removes all child nodes and replaces them with a single text node.

Note: This property does not work in Internet Explorer 9 (it returns undefined).

Syntax

Return text:

elementNode.textContent

Set text:

elementNode.textContent=string


Tips and Notes

Tip: For setting and returning the text value from a node you should use the text node nodeValue property.


Example 1

The following code fragment loads "books.xml" into xmlDoc using loadXMLDoc() and gets text nodes from the first <title> element:

Example

xmlDoc=loadXMLDoc("books.xml");
x=xmlDoc.getElementsByTagName("title")[0];

document.write("Text Nodes: ");
document.write(x.textContent);

The output of the code above will be:

Text Nodes: Everyday Italian

Try it yourself »

Example 2

The following code fragment loads "books.xml" into xmlDoc using loadXMLDoc() and gets text nodes from the first <book> element, and replaces all nodes with a new text node:

Example

xmlDoc=loadXMLDoc("books.xml");
x=xmlDoc.getElementsByTagName("book")[0];

document.write("Before: ");
document.write(x.textContent);

document.write("
");
x.textContent="hello";

document.write("After: ");
document.write(x.textContent);

The output of the code above will be:

Before: Everyday Italian Giada De Laurentiis 2005 30.00
After: hello

Try it yourself »

Element Object Reference Element Object

Color Picker

colorpicker