在JS循环中单击未定义

Question

我有一个交互循环，我需要点击每个元素：

var spans = document.getElementsByClassName('span')
for (var i = 0; i < spans.length; i += 1) {
i.click(function() {
console.log("Clicked")
});
}

我收到i.click is not a function错误。？我错过了什么？

谢谢！

Answer 1

i是索引，而不是元素。这就是你将如何修复你的代码：

var spans = document.getElementsByClassName('span')
for (var i = 0; i < spans.length; i += 1) {
spans[i].click(function() {
console.log("Clicked")
});
}

但"点击"也不需要回调。这就是2022年你的代码应该是什么样子：

const spans = document.getElementsByClassName('span')
for (const span of spans) {
span.click();
console.log("Clicked")
}