XML DOM Tutorial
DOM HOME DOM Introduction DOM Nodes DOM Node Tree DOM Parser DOM Load Function DOM Methods DOM Accessing DOM Node Info DOM Node List DOM Traversing DOM Browsers DOM NavigatingManipulate Nodes
DOM Get Values DOM Change Nodes DOM Remove Nodes DOM Replace Nodes DOM Create Nodes DOM Add Nodes DOM Clone Nodes DOM XMLHttpRequestXML DOM Reference
DOM Node Types DOM Node DOM NodeList DOM NamedNodeMap DOM Document DOM DocumentImpl DOM DocumentType DOM ProcessingInstr DOM Element DOM Attribute DOM Text DOM CDATA DOM Comment DOM XMLHttpRequest DOM ParseError Obj DOM Parser ErrorsDOM Summary
XML DOM Examples
DOM Examples DOM ValidatorXML DOM textContent Property
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);
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);
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
After: hello
Try it yourself »
Element Object
Your suggestion:
Close [X]
Thank You For Helping Us!
Your message has been sent to W3Schools.
Close [X]
