通过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添加到某处。