将超链接图像列表动态添加到 Web 文档答案

【问题标题】：Dynamically adding list of hyperlinked images to web document将超链接图像列表动态添加到 Web 文档
【发布时间】：2018-01-21 10:52:40
【问题描述】：

我正在努力将一堆图像组织到文件夹中，然后创建一个网页，以便我可以在一个漂亮的小包中查看它们。我已经将所有文件和文件夹标准化，以基本数字模式命名。我能够很好地显示所有图像，但现在我想让它们都链接到各自的文件夹。

我可能对问题的理解不够充分，无法进行适当的搜索以找到答案。我在想我需要做的就是以某种方式将我的图像节点附加到锚节点。

这是我目前所拥有的：

<body>

<div id="volumeCovers"></div>
<script>
  var container = document.getElementById('volumeCovers');
  var images = 12;
  for (var i = 1; i <= images; i++) {
    var img = new Image();
    img.setAttribute('src', 'volumes/pics/v' + i + '.jpg');
    container.appendChild(img);
  }
</script>

<body>

【问题讨论】：

有什么问题？还不够清楚。
对不起，我在“a”的创建标签瞬间写了“链接”；我重写了我的代码，希望一切顺利。
如果链接转到相应的文件夹...该文件夹是否有 page.html？

标签： javascript loops appendchild

【解决方案1】：

您可以在链接中插入图片并添加到容器中：

   for (var i = 1; i <= images; i++) {
        var img = new Image();
        let link = document.createElement('a');
        link.setAttribute('href','url');
        link.append(img);    
        img.setAttribute('src', 'volumes/pics/v' + i + '.jpg');
        container.appendChild(link);
      }

'url' 替换为必要的地址。也许还需要对 css 进行编辑。

【讨论】：

感谢您的及时响应，但您提供的代码显示为空白屏幕。我检查了拼写错误，但仍然没有成功。你们太棒了。您是否可能错过了什么？
我必须修改以下行以使其正常工作：让链接 = document.createElement('link') 更改为让链接 = document.createElement('a')