Javascript jquery将多个项追加到一个容器中

我很难让它正常工作。当我在firebug中查看HTML时，它显示在我的容器中有2个对象，但只显示1个img

我有一些非常简单的代码：

var img1 = $("<img />", {src : "myimg.png" });
var img2 = $("<img />", {src : "myimg2.png" });
img1.appendTo("#div");
img2.appendTo("#div");

<div id="div"></div>

var img1=$（“”，{src:“myimg2.png”}）；
img1.附件（“div”）；
img2.附件（“div”）；

---

但是只有第一个图像会显示，如果我注释掉第一个

appendTo

，那么第二个图像会显示，或者如果我颠倒顺序，第二个图像会显示，而不是第一个图像。

这实际上与appendTo无关，而是与我的

#div

和图像大小有关。奇怪。

我可以告诉您如何使用本机javascript附加元素吗？它的速度更快，语法也非常相似。另外，它会让你成为一个更好的程序员

首先，检查javascript模板（如果还没有）。我个人使用

无论如何，下面是如何使用javascript实现您想要的功能

var parentElement = document.getElementById("div");
var fragment = document.createDocumentFragment(); 

["myimg.png", "myimg2.png"].forEach(function(src) {
 var element = document.createElement("img");
 element.src = src;
 fragment.appendChild(element);
}); 

parentElement.appendChild(fragment);

---

图像是否存在？是的，如上所述，“如果我注释掉第一个附录，那么第二个图像将显示，或者如果我颠倒顺序，第二个图像将显示，而不是第一个。”对我来说很有效：您是否在DOM可编写脚本之后执行脚本？（即，在文件准备功能中）