1. Home
  2. Display XML data in an HTML page

The best Display XML data in an HTML page Tutorial In 2024, In this tutorial you can learn Display XML data in an HTML page,Examples,

Display XML data in an HTML page

Display XML data in an HTML page

In the example below, we open an XML file ( " cd_catalog.xml "), and then go through each CD element and display the value of an HTML table elements and the ARTIST TITLE element:

Examples

<html>
<body>

<script>
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET","cd_catalog.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;

document.write("<table border='1'>");
var x=xmlDoc.getElementsByTagName("CD");
for (i=0;i<x.length;i++)
{
document.write("<tr><td>");
document.write(x[i].getElementsByTagName("ARTIST")[0].childNodes[0].nodeValue);
document.write("</td><td>");
document.write(x[i].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue);
document.write("</td></tr>");
}
document.write("</table>");
</script>

</body>
</html>

For more information about using JavaScript and XML DOM, visit our XML DOM tutorial .


Hot Tools

Other Tools

Online Tutorial

Website Navigation

Display XML data in an HTML page
10/30