我有一个使用getElementById的函数

Question

我有一个使用getElementById的函数，并且运行良好。现在，我在一个页面上多次调用该页面。第一个有效，但其他无效。我需要做什么才能使多个页面在一页上工作？

提供给其他问题的链接无法回答我的问题。我没有收到错误。多次使用只是什么都不做。它适用于第一个元素，但不适用于任何其他元素。

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

var img = document.getElementById('myImg');
var modalImg = document.getElementById("img01");
var captionText = document.getElementById("caption");
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>