javascript - 无法读取未定义的属性 'id'

Question

这个问题已经有答案了:

Javascript infamous Loop issue? [duplicate] (5 个回答)

已关闭 8 年前。

var task = [document.getElementById('*'),
            document.getElementById('+')];

var i;      
var displayfield  = document.getElementById('displayarea');

displayfield.disabled=true;


for(i=0;i<task.length;i++){

    task[i].onclick = function(){

        console.log('entered?');

        displayfield.innerHTML = task[i].id;

        console.log('clicked');

        console.log(task[i].id.length);
    }
}

我收到此错误“无法读取未定义的属性“id””。但是当我在浏览器控制台中输入任务[0]或任务[1]并给出正确的结果，如“*”和“+”....

Answer 1

这是一个典型的错误。

您已将 i 定义为全局变量，因此在 for 循环之后，i 的值将 = 2。

当您单击该元素时，它始终会调用未定义的任务[2]。

要做你想做的事，你可以在函数内调用它

task[i].onclick = function(){
  console.log(this.id);
}