<!DOCTYPE html>
<html lang="en-US">
<body>
<p id="point"></p>
<script>
var y, z, i, elem, text, xmlDoc, txt;
var x = document.getElementById("point");
var txt ="";
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if(this.readyState == 4 && this.status == 200){
xmlDoc = xhttp.responseXML;
y = xmlDoc.getElementsByTagName("name");
for(i=0; i < y.length; i++){
elem = xmlDoc.createElementNS("anyString", "age");
text = xmlDoc.createTextNode("18");
elem.appendChild(text);
y[i].appendChild(elem);
}
z = xmlDoc.getElementsByTagNameNS("anyString","age");
for(i=0; i < y.length; i++){
txt += "Name: " +y[i].childNodes[0].nodeValue ;
txt += " Age: "+z[i].childNodes[0].nodeValue ;
txt +=" NS: "+ z[i].namespaceURI +"<br>";
}
x.innerHTML = txt;
}
};
xhttp.open("GET", "/student.xml", true);
xhttp.send();
</script>
<p>The XML file used in the example: <a target="_blank" href="/student.xml">student.xml</a>.</p>
</body>
</html>