Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <style>
- table,th,td {
- border : 1px solid black;
- border-collapse: collapse;
- }
- th,td {
- padding: 5px;
- }
- </style>
- <body>
- <button type="button" onclick="loadXMLDoc()">Get my CD collection</button>
- <br><br>
- <table id="demo"></table>
- <script>
- function loadXMLDoc() {
- var xmlhttp = new XMLHttpRequest();
- xmlhttp.onreadystatechange = function() {
- if (this.readyState == 4 && this.status == 200) {
- myFunction(this);
- }
- };
- xmlhttp.open("GET", "cd_catalog.xml", true);
- xmlhttp.send();
- }
- function myFunction(xml) {
- var i;
- var xmlDoc = xml.responseXML;
- var table="<tr><th>Artist</th><th>Title</th></tr>";
- var x = xmlDoc.getElementsByTagName("CD");
- for (i = 0; i <x.length; i++) {
- table += "<tr><td>" +
- x[i].getElementsByTagName("ARTIST")[0].childNodes[0].nodeValue +
- "</td><td>" +
- x[i].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue +
- "</td></tr>";
- }
- document.getElementById("demo").innerHTML = table;
- }
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement