javascript - JavaScript 中的 [变量].AddEventListener？

Question

我对编码非常陌生。下面是一段我很难理解的 JS 代码:

var btnContainer = document.getElementbyId(“linkcontainer”);
var btns = btnContainer.getElementsbyClassName(“btn”);
for (var i = 0; i < btns.length; i++){
btns.addEventListener(“click”, function(){
var current = document.getElementsbyClassName(“active”);
current[0].className = current[0].className.replace(‘active’, “”);
 this.className += ‘active’;
});}

[i] 有何不同

btns[i].AddEventListener??

它到底是什么？如果括号之间没有“i”怎么办？也是当前[0]。这可能是一个愚蠢的问题，但请帮助我理解。

Answer 1

首先，没有愚蠢的问题，只有愚蠢的答案。

在代码中，您将获得存储在名为“btns”的数组中的 DOM 元素列表，然后使用循环对其进行迭代。

因此，btns[i] 允许您检索 i 位置处的元素(请务必注意，在 Javascript 中数组从 0 开始)。

示例:

var fruits = ['Apple', 'Banana'];

console.log(fruits[0])
console.log(fruits[1])

因此，如果您不使用 [i]，您将迭代数组本身，而不是存储在其中的元素。