小编ma1*_*a1N的帖子

我目前正在尝试在 Bootstrap 4 中设置一个画廊。现在我想让图像可点击并打开它的更大版本。这工作正常，但是一旦我使用多个脚本，它就不会让我再关闭模态。

到目前为止，这是我的代码：

<div id="Modal01" class="modal">
   <span class="close">&times;</span>
   <img class="modal-content" id="img01">
 </div>
  <div class="col-md-3">
    <div class="thumbnail">
        <img id="TheImage" src="/img/galleryimg1.png">
    </div>
  </div>

JS：

<script>
  var modal = document.getElementById('Modal01');

  var img = document.getElementById('TheImage');
  var modalImg = document.getElementById("img01");
  img.onclick = function(){
      modal.style.display = "block";
      modalImg.src = this.src;
      captionText.innerHTML = this.alt;
  }
  var span = document.getElementsByClassName("close")[0];
  span.onclick = function() {
    modal.style.display = "none";
  }
</script>

希望你们能帮帮我。