javascript - 如何使用此 javascript 处理具有不同 ID 的 8 种不同模式，而不必对每个按钮重复相同的代码？

Question

一键模态内容源代码

<script>
  var modal = getElementById("myModal");
  var btn = getElementById("myBtn");
  var span = getElementByClassName("close")[0];

  btn.onclick = function() {
    modal.style.display = "block";
  }

  span.onclik = function() {
    modal.style.display = "none";
  }

  window.onclick = function(event) {
    if (event.target == modal) {
      modal.style.display = "none";
    }
  }
</script>

我是社区的新成员！抱歉安排不当！在此先感谢您的帮助

标签： javascript

Answer 1

您也可以考虑使用 JQuery。如果您在 javascript 代码中包含 JQuery 库，那么您可以像这样定位 DOM 元素：

$('.myBtn').on('click', function(event) { // 在这里做点什么。});