Нужно вывести содержимое XML файла в виде HTML - таблицы. Я делала по примеру отсюда http://www.w3schools.com/xml/tryit.a..._display_table. Но почему-то на странице ничего не выводится. В чем проблема?
Файл HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>title</title>
<script type="text/javascript" src="json_fun.js"></script>
</head>
<body>
<div id="getXML"></div>
<p><input value="XML" onclick="getXmlFun()" type="button"></p>
</body>
</html>
Файл stock.xml:
<?xml version="1.0" encoding="UTF-8" ?>
<root>
<string>
<id>1</id>
<td_date>12.01.2015</td_date>
<name>Внимание! Акция от ТМ «Лакалут»!</name>
<text >
При покупке зубной пасты ТМ «Лакалут вайт» или «Лакалут актив» Вы получаете скидку 30% на зубную щетку ТМ «Лакалут вайт» или «Лакалут актив».
</text>
</string>
<string>
<id>2</id>
<td_date>12.01.2015</td_date>
<name>Уважаемые родители! Не упустите возможность принять участие в акции.</name>
<text>
При покупке джамбо упаковок Pampers Premium и Pampers Activ Вы гарантировано получаете подарок*!
Главный приз-фотосессия для Вас и Вашего малыша.</text>
</string>
<string>
<id>3</id>
<td_date>03.12.2014</td_date>
<name>Вольтарен эмульгель со скидкой 15%!</name>
<text>
С 01.12.2014 при покупке Вольтарен эмульгель 50 г., Вы получаете скидку 15%.
Скидка по акции не суммируется со скидкой по дисконтной карте.</text>
</string>
<string>
<id>4</id>
<td_date>03.12.2014</td_date>
<name>Скидка 50% при покупке двух единиц ТМ Бюбхен</name>
<text>
С 01.12.2014 по 31.12.2014 при покупке двух единиц продукции ТМ «Бюбхен» Вы получаете скидку 50% .
Скидка действует на позицию с более низкой ценой.</text>
</string>
<string>
<id>5</id>
<td_date>03.12.2014</td_date>
<name>25% скидка от ТМ NUK!</name>
<text>
С 01.12.2014 по 31.12.2014 при покупке любой продукции ТМ «NUK» Вы получаете скидку -25%.
Скидка 25% не суммируется со скидкой дисконтной карты.</text>
</string>
</root>
Файл json_fun.js:
function getXmlFun(){
if (window.XMLHttpRequest)
{
xmlhttp=new XMLHttpRequest();
}
xmlhttp.open("GET","stock.xml", false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;
var str = '<table border="2" width="600"><th>id</th><th>date</th><th>name</th><th>text</th>';
var x=xmlDoc.getElementsByTagName("string");
for (i =0; i<4; i++)
{
str += "<tr><td>" + x[i].getElementsByTagName("id")[0].childNodes[0].nodeValue + "</td><td>" +
x[i].getElementsByTagName("td_date")[0].childNodes[0].nodeValue + "</td><td>" +
x[i].getElementsByTagName("name")[0].childNodes[0].nodeValue + "</td><td>" +
x[i].getElementsByTagName("text")[0].childNodes[0].nodeValue + "</td></tr>";
}
str += "</table>";
document.getElementById("getXML").innerHTML = str;
}