javascript - 通过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某处。