首页 > 解决方案 > 从 API 获取 json,在数组中的每个对象的 div 中创建 HTML 代码

问题描述

我正在从我创建的 API 中获取 JSON 结果。有一个名为 Title 的数据集,其中包含我想要 forEach 遍历的 JSON 中的对象。然后我想在 div 中附加以下 HTML 代码,然后附加:

 <section class="section">
  <img src="IMAGE_FROM_API.PNG" class="image" />
  <div class="content">
    <h2 class="title">
      OBJECT TITLE TITLE
    </h2>
    <p class="paragraph">ITEM DESCRIPTION</p>
  </div>
</section>

我想附加该代码,因为创建了一个只有 ITEM TITLE 的数组。我将使用其他一些函数来获取图像和描述。

标签: javascriptarraysfetchjavascript-objects

解决方案


推荐阅读