用Javascript顯示圖像

Question

好的，所以我用HTML製作網站，效果很好，但我需要知道如何在JavaScript頁面上顯示圖像。我在我的網站上在主頁上有一部分叫做新聞，它將顯示關於該主題的圖像，但我不知道如何顯示圖像。當我使用其他網站的方式時，圖像只顯示爲帶有？在中間。請幫忙！！

Answer 1

這將工作：

DEMO

的javascript：

var i = document.getElementById('test'); //get the element to put the picture in 

i.innerHTML = '<img src="http://pathtopicture.jpg"></img>'; // append the picture to the divs inner HTML 

HTML：

<div id="test"></div> 

---

或者沒有HTML擺在首位（當然你需要html和body標籤...）

DEMO2

代碼：

var i = document.createElement('div'); 
i.id = 'test'; 
document.getElementsByTagName('body')[0].appendChild(i); 
i.innerHTML = '<img src="http://pathtopicture.jpg"></img>'; 

Answer 2

var img = document.createElement("img"); 
img.src = src; 
img.width = width; 
img.height = height; 
img.alt = alt; 

var theDiv = document.getElementById("<ID_OF_THE_DIV>"); 
theDiv.appendChild(content); 

我這些回答來自：
How to display image with javascript?
How to append data to div using javascript?