如何使用此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>

我是社区的新成员！对不起，安排不当！预先感谢您的帮助

Answer 1

您可能还会考虑使用JQuery。 如果您在JavaScript代码中包含JQuery库，则可以像这样定位DOM元素：

$（'。myBtn'）。on（'click'，function（event）{//在这里做些事。}）;