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" />'));

Answer 2

试试这个：

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

Answer 3

您可能想了解一下JQuery。看起来你是HTML和JavaScript的新手，所以学习JQuery现在会帮助你很多。请参阅此答案：jQuery add image inside of div tag

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

3 个答案: