我該如何加載從Javascript獲取的圖片以及Javascript

Question

var loadingImage = image.src(data.points_of_interest[i].main_image); 
var bodystuff = document.createElement('img'); 
bodystuff.innerHTML = loadingImage, 
bodystuff.innerHTML = loadingImage, 
document.getElementById('outputs').appendChild(bodystuff); 

這是我的Javascript以上，這裏是我的HTML;

<section id="outputs">  
</section> 

來自API響應的圖像位置位於此處; data.points_of_interest[i].main_image

（確實注意到它是URL格式= 「https://upload.wikimedia.org/wikipedia/commons/thumb/3/37/Westminster_Abbey_West_Door.jpg/337px-Westminster_Abbey_West_Door.jpg」）

（也是在一個循環中，因此使用[I]）;

請指點一下嗎？

我上面的代碼只打印出控制檯中的URL。

感謝

Answer 1

試試這個：的

var src = data.points_of_interest[i].main_image; // URL of the image 
var bodystuff = document.createElement('img'); 
bodystuff.src=src; 
document.getElementById('outputs').appendChild(bodystuff);