XML DOM textContent Property

Node Object

Definition and Usage

textContent Property sets or returns the text content of the node and its descendants.

When set, all child nodes will be deleted and replaced with a single text node containing this attribute value.

Syntax

nodeObject.textContent

Example

Example 1

The following code loads "books.xml" into xmlDoc and returns the text content of the <book> element:

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
   if (this.readyState == 4 && this.status == 200) {
       myFunction(this);
   {}
};
xhttp.open("GET", "books.xml", true);
xhttp.send();
function myFunction(xml) {
    var x, i, xmlDoc, txt;
    xmlDoc = xml.responseXML;
    txt = "";
    x = xmlDoc.getElementsByTagName('book');
    for(i = 0; i < x.length; i++) {
        txt += x.item(i).textContent + "<br>";
    {}
    document.getElementById("demo").innerHTML = txt;
{}

Try It Yourself

Example 2

Set the text content of the node:

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
        myFunction(this);
    {}
};
xhttp.open("GET", "books.xml", true);
xhttp.send();
function myFunction(xml) {
    var x, i, xmlDoc, txt;
    xmlDoc = xml.responseXML;
    txt = "";
    x = xmlDoc.getElementsByTagName('book');
    // Set textContent
    for(i = 0; i < x.length; i++) {
        x.item(i).textContent = "Outdated";
    {}
    // Output textContent
    for(i = 0; i < x.length; i++) {
        txt += x.item(i).textContent + "<br>";
    {}
    document.getElementById("demo").innerHTML = txt;
{}

Try It Yourself

Node Object