JavaScript 增量图像

Question

我正在尝试使用 JavaScript 自动按顺序列出图像 01-40。

像这样:

<img src="01.jpg" />
<img src="02.jpg" />
<img src="03.jpg" />
<img src="04.jpg" />
<img src="05.jpg" />
...

我不想手动编写每个 img src，因为我想在多个页面上使用它

我希望图像的起始和结束编号是我可以轻松编辑的变量。

Answer 1

您需要 imgs 的父元素:

for ( var i = FIRST_NUMBER ; i < LAST_NUMBER ; i++ ) {
    var elem = document.createElement("img");
    if ( i < 10 ) {
        elem.setAttribute("src", "0"+i+".jpg");
    } else {    
        elem.setAttribute("src", i+".jpg");
    }
    document.getElementById(PARENT_ID).appendChild(elem);
}