Displaying Image from XML into HTML

Question

I have tried to display the following image onto the html, however to no avail. When the html is loaded, it displays the picture icon, but it won't display the image itself. I have copied the code below

Thanks.

HTML Code:

 <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>

Answer 1

尝试这个：

<imageurl>CFL_175x175.png</imageurl>