原生JS 将数组的数据循环遍历到img

在JavaScript中，如果你想将数组里的数据循环遍历并显示成图片元素（img），你可以使用`for...of`循环或者`forEach`方法。这里是一个简单的示例：

// 假设你有一个包含URL的数组
let imgArray = ['image1.jpg', 'image2.png', 'image3.gif'];

// 使用HTML创建一个新的<img>元素，并设置src属性为数组中的每个元素
let container = document.getElementById('image-container');
for (let i of imgArray) {
  let imgElement = document.createElement('img');
  imgElement.src = i;
  imgElement.alt = 'Image from array'; // 可选，添加alt文本描述
  container.appendChild(imgElement);
}

// 或者使用forEach方法
container.innerHTML = '';
imgArray.forEach((url) => {
  let imgElement = document.createElement('img');
  imgElement.src = url;
  imgElement.alt = 'Image from array';
  container.appendChild(imgElement);
});

这个例子会在页面上创建一个带有id为'image-container'的容器，然后把数组中的每张图片URL插入到其中作为`<img>`标签。