javascript - 使用 for 循环创建新框，然后创建 href

Question

var parent = document.getElementById('images-digtal'),
    imagePath = '_digital.jpg',
    img;

for (var i = 0; i <= 7; i++) { 
    img = new Image();
    img.src = [i]+ imagePath;
     parent.appendChild(img);
}

在这个 for 循环中，我有它，以便循环在每次循环时创建一个新图像。

如何在href每次循环时添加不同的内容？
例如：

1. 盒子www.google1.com
2. 盒子www.google2.com
3. 盒子www.google3.com

标签： javascripthref

Answer 1

如果你想在图像周围有一个锚点，那么你创建一个锚点，创建图像，然后将图像附加到锚点，然后将锚点附加到文档

var parent = document.getElementById('images-digtal'),
    imagePath = '_digital.jpg';

for (var i = 0; i <= 7; i++) {
  // create anchor
  var anchor = document.createElement("a");
  anchor.href = "http://ww.example.com/" + i;
  // create image
  var img = new Image();
  img.src = i + imagePath;
  // add image to anchor
  anchor.appendChild(img)
  // add anchor to document
  parent.appendChild(anchor);
}