将图像从XML显示为HTML

时间:2014-08-18 17:52:24

标签: javascript html xml image

我试图在html上显示以下图片,但无济于事。加载html时,它会显示图片图标,但不会显示图像本身。我复制了以下代码

感谢。

HTML代码:          

 <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","test.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;

document.write("<table border='1'>");
var x=xmlDoc.getElementsByTagName("TEST");
for (i=0;i<x.length;i++)
{
document.write(x[i].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue);
var img = document.createElement("img");
img.src = x[i].getElementsByTagName("imageurl")[0].childNodes[0].nodeValue;
document.write(img.src);
document.body.appendChild(img);
}
document.write("</table>");


</script>

XML:

<?xml version="1.0" encoding="UTF-8"?>
<TEST_GROUP>
    <TEST>
        <TITLE>Hello World</TITLE>
        <imageurl>"CFL_175x175.png"</imageurl>
    </TEST>

</TEST_GROUP>

1 个答案:

答案 0 :(得分:1)

试试这个:

<imageurl>CFL_175x175.png</imageurl>