THE WORLD'S LARGEST WEB DEVELOPER SITE
HTMLCSSJAVASCRIPTSQLPHPBOOTSTRAPJQUERYANGULARXML
 

XML DOM createElementNS() Method


Document Object Reference Document Object

Example

The following code fragment loads "books.xml" into xmlDoc and adds an element node with a namespace 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, newel, newtext, xmlDoc, txt;
    xmlDoc = xml.responseXML;
    txt = "";
    x = xmlDoc.getElementsByTagName("book");
    // Create element nodes with namespace and text nodes
    for (i = 0; i < x.length; i++) {
        newel = xmlDoc.createElementNS("p", "edition");
        newtext = xmlDoc.createTextNode("First");
        newel.appendChild(newtext);
        x[i].appendChild(newel);
    }
    // Output all titles and editions
    y = xmlDoc.getElementsByTagName("title");
    z = xmlDoc.getElementsByTagNameNS("p","edition");
    for (i = 0; i < y.length; i++) {
        txt += y[i].childNodes[0].nodeValue +
        " - " +
        z[i].childNodes[0].nodeValue +
        " edition." +
        " Namespace: " +
        z[i].namespaceURI + "<br>";
    }
    document.getElementById("demo").innerHTML = txt;
}
Try it Yourself »

Definition and Usage

The createElementNS() method creates an element node with a namespace.

This method returns an Element object.

Syntax

createElementNS(ns,name)

Parameter Description
ns A string that specifies the namespace name for the element node
name A string that specifies the name for the element node

Document Object Reference Document Object