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

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.

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

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