与“for”循环具有相同值的输入元素

您可以使用下面的代码来纠正这些问题。

var elements = document.getElementsByTagName("p");
var n = elements.length;

function makeHandler(num) {
     return function() {
         console.log("This is element #" + num);
     };
};

for (var i = 0; i < n; i++) {
    elements[i].onclick = makeHandler(i + 1);
}

让我们解释一下代码。

基本上,在这个代码中, makeHandler 每次我们通过循环,每次接收到 i + 1 并将其绑定到一个作用域 num 变量

外部功能( makeHandler )返回内部函数(匿名函数)(也使用此作用域 号码 变量)和元素 onclick 设置为该内部功能。

这确保了每个 onclick 接收并使用适当的 i 值(按作用域) 号码 变量)。

将var更改为允许:

for (let i = 0; i < n; i++) {
  elements[i].onclick = function () {
    console.log("This is element #" + i);
  };
}