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?

在Javascript中显示图像

2 个答案: