Javascript 为多个帖子打开一个模式

我有一个帖子列表，在每个帖子上我都可以打开一个模式。问题是我想要一个单一模态的代码，并使用动态模态

这是我的实际代码：

将来，我将使用ajax获取文章，它将是一个数组，我不想为每个文章创建一个模式。我想使用一个单一的模式，但有从内部动态的内容。就我而言，我有带id的按钮

#myBtn

内容为“模态中的某些文本…”。在第二种情况下，我可能会说“我不太擅长javascript”，而且这个列表还可以继续。我想有一个从内部内容模态动态。我能做什么

编辑：

---

在这里，你可以更确切地看到我为什么要那样做。将来我会有很多帖子，我不需要加载很多情态动词。我想要一个单一的模式，我想有可能在一个模式中编辑每个帖子，我需要有这个动态。在占位符中，我需要有文章的标题和描述，我需要提交带有文章ID的编辑模式。

您真正需要做的就是在显示模式之前更新内容，其他一切都可以保持不变。在这里看到一个叉子-

我所做的只是在模态内容元素中添加一个额外的div，这样我们就可以访问文本了

  <!-- Modal content -->
  <div class="modal-content">
    <span class="close">&times;</span>
    <div class="modal-text">
      <p>Some text in the Modal..</p>
    </div>
  </div>

最后在单击处理程序中更新该div中的HTML：

// When the user clicks the button, open the modal 
btn.onclick = function() {
    modalContent.innerHTML = "The text has changed!";
    modal.style.display = "block";
}

---

请不要对多个元素使用相同的id。即使在一个例子中。您可以改为收听课堂，课堂内容可以共享

// When the user clicks the button, open the modal 
btn.onclick = function() {
    modalContent.innerHTML = "The text has changed!";
    modal.style.display = "block";
}