javascript - 将图像数组转换为 html

Question

我，为一个类项目编写一个 js/html 脚本。我需要打印出一组名称，然后将带有图片的数组打印到第一个数组的每个元素中。当我尝试将其打印出来时，我得到“身份不明”的输出。如果我将.src 添加到图片数组的末尾，则只显示图片路径。这是我的代码：

<script>
      let profilesArray = [
        "Simon, 25",
        "Erlend, 22",
        "Karsten, 19",
        "Angelica, 22",
        "Wilma, 24",
        "Celine, 20",
      ];
      let picturesArray = [
        "images/man1.jpg",
        "images/man2.jpg",
        "images/man3.jpg",
        "images/woman1.jpg",
        "images/woman3.jpg",
        "images/woman3.jpg",
      ];

      let profList = "";

      for (let i = 0; i < profilesArray.length; i++) {
        document.write((profilesArray[i] += "<br/>"));
        for (let y = 0; y < picturesArray.length; y++) {
          document.write((picturesArray[y]. += "<br/>"));
          break;
        }
      }
    </script>

先感谢您！

标签： javascripthtml

Answer 1

行上有一个点（。） document.write((picturesArray[y]. += "<br/>"));，删除它并尝试 document.write((picturesArray[y] += "<br/>"));