通过DOM在一个div中创建多个img标签

Question

我不知道在我创建我的 div 并为其分配一个 id 之后究竟如何进行。我不能使用 JQuery 或其他 JavaScript 库。

到目前为止我有

var imageTabsDiv = document.createElement('div');
    imageTabsDiv.setAttribute('id', 'imageTabs');

但后来我遇到了精神障碍，不知道如何进行。

在 html 中应该是这样的

<div id="imageTabs">
   <img src="images/pics/imageTab01" />
   <img src="images/pics/imageTab02" />
   <img src="images/pics/imageTab03" />
   <img src="images/pics/imageTab04" />
</div>

我想要一些关于如何从这里开始的建议或提示访问 div 标签抛出了 DOM。

Answer 1

一个快速的

for

循环来创建您的

img

元素并分配适当的源，然后附加到

div

for (var i = 1; i < 5; i++) {
    var img = document.createElement("img");
    img.src = "images/pics/imageTab0" + i;
    imageTabsDiv.appendChild(img);
}

当然，将新创建的

div

附加到某处。