为什么是“<" in my javascript for loop breaking my code?

Question

我正在尝试将事件侦听器添加到由 xml 配置文件生成的页面上的一系列链接。我可以毫无问题地将侦听器添加到单个链接，但是当我尝试使用 for 循环将其添加到所有链接时，它会破坏 xml 包并且页面将无法加载。我认为发生的情况是它正在解释 (i=0; i 标签中的 <，但我不知道如何修复它！

我哪里出错了？

<script>
document.addEventListener("DOMContentLoaded", function() {

    var selBtn = document.getElementsByClassName("SelectItemButton");
    console.log(selBtn);

    for (i = 0; i < selBtn.length; i++) {
        selBtn[i].addEventListener('click', selectItem);
    }

    function selectItem() {
        alert("You selected me!");

    }
});
</script>

Answer 1

看来你需要声明

i

变量。

试试这个：

    for (let i = 0; i < selBtn.length; i++) {
        selBtn[i].addEventListener('click', selectItem);
    }