使用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. Box www.google1.com
2. Box www.google2.com
3. Box www.google3.com

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);
}