HTML/Javascript DOM图像/图形

尝试使用DOM内容创建带有标题的figure元素

设法让它只与图像一起工作，但我不确定如何将其实现为一个图形。 这是我当前的图像代码

<div id="image">
          <h3>Landscape</h3>
          <script src="js/image.js"></script>
          <script>
            images.forEach(images=>{
            let imageElem = document.createElement('img');
            imageElem.alt = images.alt;
            imageElem.src = images.url;
            let imagese = document.getElementById('image');
            imagese.appendChild(imageElem);
           })
         </script>
        </div>

任何帮助都将不胜感激

要创建地物，请执行以下操作：

let figure = document.createElement('figure');

要将图像（在原始代码中创建）添加到地物，请执行以下操作：

figure.appendChild(imageElem)

然后，您可以将图形附加到图像列表中，而不是直接附加图像。如果需要，还可以在每个地物中添加“figcaption”元素。

要创建地物，请执行以下操作：

let figure = document.createElement('figure');

要将图像（在原始代码中创建）添加到地物，请执行以下操作：

figure.appendChild(imageElem)

---

然后，您可以将图形附加到图像列表中，而不是直接附加图像。如果需要，您还可以在每个图形中添加一个“figcaption”元素。

您遇到了一个影响它的小错误-您没有逃过一个引号

caption: 'Peter\'s river'

下面是一个代码笔，它演示了您想要的内容：。现在，为每个figure元素生成的HTML如下所示：

<figure>
  <img alt="Mount" src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/20/Mount.jpg"> 
</figure>

---

您有一个小错误影响了它-您没有逃过一个引号

caption: 'Peter\'s river'

下面是一个代码笔，它演示了您想要的内容：。现在，为每个figure元素生成的HTML如下所示：

<figure>
  <img alt="Mount" src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/20/Mount.jpg"> 
</figure>

---

您应该首先创建

元素，然后创建

景观
您应该首先创建
元素，然后创建


景观