我想通过数组javascript制作更多的Html卡片 [关闭]

I want to make more cards of Html through arrays javascript [closed]

提问人:M.Shahbaz Khan 提问时间:11/16/2023 更新时间:11/16/2023 访问量:25

问:


想改进这个问题吗?通过编辑这篇文章添加详细信息并澄清问题。

6天前关闭。

我想在 Javascript 中使用数组制作更多卡片,而无需在 HTML 中执行复制粘贴方法,基本上我想通过 JS 中的 1 张卡片制作更多卡片。

<div class="container mt-5">
  <div class="row">
    <div class="col-3 col-sm-3 col-md-3" id="cards">
      <div class="card" style="width: 100%">
        <img
          src="Shazam.jpg"
          class="card-img-top"
          style="object-fit: cover"
          alt="..."
        />
        <div class="card-body">
          <h5 class="card-title">Shazam</h5>
          <p class="card-text">
            2019 <br />
            Action/Adventure
          </p>
          <a href="#" class="btn btn-primary">Watch Now</a>
        </div>
      </div>
    </div>
  </div>
</div>
JavaScript 数组

评论

1赞 mplungjan 11/16/2023
欢迎来到 Stack Overflow!请访问帮助中心参观以查看内容和如何提问。做一些研究 - 搜索 SO 寻找答案。如果您遇到困难,请发布一个最小的可重现示例,并使用 [<>] 片段编辑器记录输入和预期输出。
0赞 mplungjan 11/16/2023
克隆或使用模板
0赞 The KNVB 11/16/2023
你可以使用 document.createElement 创建“card”元素,然后将所有内容放入 .innerHTML 属性中,

答: 暂无答案