javascript - 按图像计数变量显示图像列表

Question

我有这个变量:

var imagesCount = 3;
var imageUrl = "http://www.example.com/";
var imageId = "000-000-000";

我需要得到一个这样的列表:

<img src="http://www.example.com/GetImage.aspx?cid=000-000-000&num=1" />
<img src="http://www.example.com/GetImage.aspx?cid=000-000-000&num=2" />
<img src="http://www.example.com/GetImage.aspx?cid=000-000-000&num=3" />

请提供任何帮助。

Answer 1

这里是在 JS 上实现的，没有 jQuery。

var imagesCount = 3,
    imageUrl    = "http://www.example.com/GetImage.aspx?cid=",
    imageId     = "000-000-000",
    fragment    = document.createDocumentFragment(),
    i,
    image;

for (i = 1; i <= imagesCount; i++) {
  image = document.createElement('img');
  image.setAttribute('src', imageUrl + imageId + '&num=' + i);
  fragment.appendChild(image);
}

document.getElementById('images').appendChild(fragment)

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