FREE Web Template Download
HTML CSS JAVASCRIPT SQL PHP BOOTSTRAP JQUERY ANGULARJS TUTORIALS REFERENCES EXAMPLES Blog
 

XML DOM getElementsByTagNameNS() 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");
    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;
}

The output of the code above will be:

Everyday Italian - First edition. Namespace: p
Harry Potter - First edition. Namespace: p
XQuery Kick Start - First edition. Namespace: p
Learning XML - First edition. Namespace: p
Try it Yourself »

Definition and Usage

The getElementsByTagNameNS() method returns a NodeList of all elements with the specified name and namespace.

Syntax

getElementsByTagNameNS(ns,name)

Parameter Description
nsA string that specifies the namespace name to search for. The value "*" matches all tags
nameA string that specifies the tagname to search for. The value "*" matches all tags

Document Object Reference Document Object