THE WORLD'S LARGEST WEB DEVELOPER SITE
HTMLCSSJAVASCRIPTSQLPHPBOOTSTRAPJQUERYANGULARXML
 

XML DOM createTextNode() Method


Document Object Reference Document Object

Example

The following code fragment loads "books.xml" into xmlDoc and adds an element node with a containing text node to each <book> element:

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
    if (xhttp.readyState == 4 && xhttp.status == 200) {
        myFunction(xhttp);
    }
};
xhttp.open("GET", "books.xml", true);
xhttp.send();

function myFunction(xml) {
    var x, y, z, i, xLen, yLen, newEle, newText, xmlDoc, txt;
    xmlDoc = xml.responseXML;
    txt = "";
    x = xmlDoc.getElementsByTagName("book");
    xLen = x.length;
    // Create element nodes and text nodes
    for (i = 0; i < xLen; i++) {
        newEle = xmlDoc.createElement("edition");
        newText = xmlDoc.createTextNode("first");
        newEle.appendChild(newText);
        x[i].appendChild(newEle);
    }
    // Output all titles and editions
    y = xmlDoc.getElementsByTagName("title");
    yLen = y.length
    z = xmlDoc.getElementsByTagName("edition");
    for (i = 0; i < yLen; i++) {
        txt += y[i].childNodes[0].nodeValue +
        " - Edition: " +
       z[i].childNodes[0].nodeValue + "<br>";
    }
    document.getElementById("demo").innerHTML = txt;
}
Try it Yourself »

Definition and Usage

The createTextNode() method creates a text node.

This method returns a Text object.

Syntax

createTextNode(text)

Parameter Description
text A string that specifies the text for the node

Document Object Reference Document Object