用图像创建 div

Question

我正在尝试从一组 link 的照片中创建 div。这就是数组的样子

我正在尝试遍历数组的每个元素，并为每个 link 创建一张照片 div。我应该用什么 image.src？我不确定。

list.forEach((x) => {
      var image = document.createElement("img");
      image.src = ;
      image.className = "queryImg";
      document.getElementById("queryResults").appendChild(image);
});

Answer 1

image.src = x;有效吗？

在您的 forEach 中，x 作为数组中的迭代元素传递，因此将使用

检索实际数据

Answer 2

我也会浏览链接，以确保它们是图像文件。

list.forEach((x) => {
      var image = document.createElement("img");
      image.src = x;
      image.className = "queryImg";
      document.getElementById("queryResults").appendChild(image);
});

用图像创建 div

Create a div with an image

photo

hyperlink