You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
41 lines
1.1 KiB
41 lines
1.1 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<title>XML test</title>
|
|
</head>
|
|
<body>
|
|
<h1>CD obchod</h1>
|
|
<button onclick="loadDoc()">Načíst data</button>
|
|
<table id="demo"></table>
|
|
|
|
<script>
|
|
function loadDoc() {
|
|
const xhttp = new XMLHttpRequest();
|
|
xhttp.onload = function() {
|
|
xmlPrint(this);
|
|
}
|
|
xhttp.open("GET", "cd_catalog.xml");
|
|
xhttp.send();
|
|
}
|
|
function xmlPrint(xml) {
|
|
const xmlDoc = xml.responseXML;
|
|
const x = xmlDoc.getElementsByTagName("CD");
|
|
let table = "<tr><th>Umělec</th><th>Název</th></tr>"
|
|
for (let 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>
|