如何显示阵列中的图像？JavaScript

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

您可以尝试以下操作：

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

或者这个：

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

<>但是如果你发现自己做了很多DOM操作，你可能应该考虑使用工具箱来简化你的生活。例如，在中，您可以简单地将其写成：

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

$（“body”）.append（$（''）；

试试这个：

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

document.write（“”）；

您可能想看看JQuery。看起来您对HTML和JavaScript还不熟悉，所以现在学习JQuery将对您有很大帮助。请参阅以下答案：

为什么需要jQuery？这是一种仅使用普通JavaScript就可以轻松完成的功能。由于jQuery是JavaScript，所以在开始使用库之前，最好多了解一点该语言。是的，它可以使事情简单得多，但是对于这样的小东西，你不需要一个完整的库。DOM是JavaScript遇到的最糟糕的事情，这就是证据。在较旧的浏览器上，document.write（）会对dom做一些非常糟糕的事情。如果jQuery使用得当，这个新用户学习JS可能会更容易、更有趣。