JavaScript中的for循环不会停止

Question

我在页面上有不同数量的按钮，并且使用下面的Javascript，我正在更改类的CSS显示值，以根据单击的按钮显示不同的模式图像。这在Firefox，Chrome浏览器中工作正常，但是我试图在Internet Explorer 11中使用相同的功能。 但是， let 声明在IE11中不完全受支持，并且“ for”循环的结束位置总是比按钮的实际数量多。 如何调整此迭代以使其在IE11中被识别？ （我不确定您是否需要查看此问题的CSS或HTML）

var howManyButtons = document.getElementsByClassName("zoom_buttonClass").length;
var buttonCollection = document.getElementsByClassName("zoom_buttonClass");
for (let i=0; i < howManyButtons; i++) {
    buttonCollection[i].onclick = function() {
        let photoIDstring = "photo"+(i+1)+"ID";
        document.getElementById('myModalID').style.display = "block";
        if (document.getElementById(photoIDstring).src) {
            document.getElementById("modalEnlargementID").src = document.getElementById(photoIDstring).src;
        }
    }
}