如何将 .createElement("image") 也变成链接

Question

我已经设法让图像以我想要的方式列出，现在我将每个图像作为一个链接，指向它自己的 URL

现在是什么：

<img src="01.jpg" />

我希望它是什么：

<a href="01.jpg" target="_new"><img src="01.jpg" /></a>

当前代码：

<script>
  var fullLink = 'http://www.website.com/'; //Public URL
  var ext = ".jpg"; //File Extension 

  for ( var i = 1; i < 6 ; i++ ) {
    var link = document.createElement('a');
    var elem = document.createElement("img");
    if (i < 10) {
      link.setAttribute("href", fullLink+"0"+i+ext);
      elem.setAttribute("src", fullLink+"0"+i+ext);
    } else {
      link.setAttribute("href", fullLink+i+ext);
      elem.setAttribute("src", fullLink+i+ext);
    }
      elem.setAttribute("height", "250px");
      document.getElementById("images").appendChild(link);
      document.getElementById("images").appendChild(elem);
  }
</script>

Answer 1

<script>
  var fullLink = 'http://www.website.com/'; //Public URL
  var ext = ".jpg"; //File Extension 

  for ( var i = 1; i < 6 ; i++ ) {
    var link = document.createElement('a');
    var elem = document.createElement("img");
    if (i < 10) {
      link.setAttribute("href", fullLink+"0"+i+ext);
      elem.setAttribute("src", fullLink+"0"+i+ext);
    } else {
      link.setAttribute("href", fullLink+i+ext);
      elem.setAttribute("src", fullLink+i+ext);
    }
      elem.setAttribute("height", "250px");
      link.appendChild(elem);  //<----
      document.getElementById("images").appendChild(link);
  }
</script>

这应该是你要找的。它将您创建的 img 作为您创建的锚定链接的子项。

无需将图像附加到图像 ID，因为它包含在linknow 中。