如何显示数组中的图像？ JavaScript答案

【问题标题】：How to display an image thats in an array? JavaScript如何显示数组中的图像？ JavaScript
【发布时间】：2014-01-06 03:24:08
【问题描述】：

此代码链接到一个 html 页面

images = new Array();
images[0] = new Image();
images[0].src = "images/kate.jpg";
images[1] = new Image();
images[1].src = "images/mila.jpg";

document.write(images[0]);

是否正确设置了数组，如果它是我如何真正让图像显示在我的页面上，因为当我运行它时它只返回“[object HTMLImageElement]”

【问题讨论】：

stackoverflow.com/questions/8810927/…

标签： javascript html arrays image

【解决方案1】：

你可以试试这个：

document.write(images[0].outerHTML);

或者这个：

document.body.appendChild(images[0]);

但是，如果您发现自己做了很多 DOM 操作，您可能应该考虑使用工具包来让您的生活更轻松。例如，在jQuery 中，您可以简单地将其写为：

$("body").append($('<img src="images/kate.jpg" />'));

【讨论】：

【解决方案2】：

试试这个：

document.write("<img src='"+ images[0].src +"'/>");

【讨论】：

【解决方案3】：

您可能想了解一下 JQuery。看起来你是 HTML 和 JavaScript 的新手，所以现在学习 JQuery 会对你有很大帮助。看到这个答案：jQuery add image inside of div tag

【讨论】：

为什么需要 jQuery？仅使用原生 JavaScript 即可轻松完成。由于 jQuery 是 JavaScript，因此在开始学习库之前，最好多了解一下该语言。是的，它可以让事情变得更简单，但你不需要一个完整的库来处理这样的小东西。
DOM 是发生在 JavaScript 中最糟糕的事情，这里就是证据。在旧浏览器上 document.write() 可以对 dom 做一些疯狂的坏事。如果 jQuery 使用得当，这个新用户在学习 JS 时可能会更轻松、更有趣。