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