Question

我已经问过这个问题，但我还没有得到很多答案。我会尝试用这个更清楚！

我有一个数组，我使用math.random随机化。我在浏览器中显示这个数组，每次页面刷新它随机化并输出一个不同的数组项。每个数组项都包含一个有效的标题和描述，但我也尝试添加一个图像。我希望这个图像显示在浏览器中。

JavaScript的：

var myArray = [
              {title: "my title", description: "my description", image: "file path"},
              ];

function getArray(ary){
  return ary[Math.floor(Math.random()*ary.length)];
}
var random = getArray(action);

然后在我的HTML中，我有一个<script>标记，用于向浏览器显示项目的每个部分，

        document.write(random.title);
        document.write(random.description);
        document.write(random.image);

问题是，图像没有显示，它只显示文本中的实际文件路径。我怎么能显示实际图像？

Answer 1

您将以这种方式放置图像的html：

document.write('<img src="'+random.image+'" width="203" height="350" />');

否则你的random.image只会显示数组的输出，这是带有＆＃34;文件路径＆＃34;的文本。写在里面。

Answer 2

如果要动态创建图像，可能的方法如下：

var x = document.createElement("IMG");
x.setAttribute("src", "file.jpg");
document.body.appendChild(x);

Answer 3

使其成为有效的HTML。与<img src="path">

一样

这是一些随机文本，因为答案太短了。

如何通过数组显示图像？

3 个答案: