JavaScript使用字符串變量作爲URL插入圖像

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