javascript - 如何显示数组中的图像？ JavaScript

Question

此代码链接到一个 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]”

Answer 1

你可以试试这个:

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

或者这个:

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

但是，如果您发现自己进行了大量 DOM 操作，那么您可能应该考虑使用工具包来让您的生活更轻松。在 jQuery ，例如您可以简单地将其写为:

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