Question

我正在使用JavaScript来解析XML文件。 XML的一个属性是链接到图像的URL。例如。 http://localhost/pic.jpg

随着解析的进行，我使用一个变量来保存每个URL（这是一个字符串变量）并希望我可以在表格中显示这些图像。

以下是我的代码的一部分：

for(i = 0; i < row.length; i++)
{
   // looping through the XML file
   var Logo1 = row[i].getElementsByTagName("Logo")[0].childNodes[0].nodeValue;
   //Logo1 is the string which is a URL
   document.write("<img src= 'Logo1' width='256' height='128'>");
}

我使用Chrome，但图片无法加载.... enter image description here

有人可以帮忙吗？

Answer 1

如果Logo1是包含图片路径的变量（如您所说，URL），则需要以包含路径的方式构建img标记：

document.write('<img src="' + Logo1 + '" width="256" height="128">');

这会将Logo1字符串变量连接到标记的其余部分。

那就是说，从长远来看，document.write可能不适合你。您将创建一个新的Image对象并设置其src属性：

var testImage = new Image();
testImage.src = Logo1;
// add testImage to the DOM

JavaScript使用字符串变量作为URL插入图像

1 个答案: