Создайте элементы в цикле и используйте разные значения.

Question

Я пытаюсь создать на лету элемент a и установить его функцией щелчка с предупреждением. Я знаком с закрытием в JavaScript, поэтому я знаю, что не могу называть его напрямую, как doc.onclick=function() {alert(i);}, так как он будет иметь значение последнего i. поэтому я попытался вызвать функцию сразу, но сразу же всплывает предупреждение. как я могу решить эту проблему?

for (var i=0; i < 5; ++i) { 
     var doc = document.createElement("a"); 
     doc.innerHTML = i; 
     doc.onclick = function(i) {alert(i);}(i); 
     document.body.appendChild(doc); 
    } 

Answer 1

Вы должны вернуть функцию закрытия здесь. Как только вы открыли свою функцию сразу, это не сработает.

for (var i=0; i < 5; ++i) { 
    var doc = document.createElement("a"); 
    doc.innerHTML = i; 
    doc.onclick = function(i) { 
     return function(){alert(i);}; 
    }(i); 
    document.body.appendChild(doc); 
} 

Answer 2

Вы должны обернуть что-то вроде этого:

for (var i=0; i < 5; ++i) { 
     var doc = document.createElement("a"); 
     doc.innerHTML = i; 
     (function(i){ 
      doc.onclick = function() { 
       alert(i); 
      }; 
     })(i) 
     document.body.appendChild(doc); 
    } 

Таким образом, добавляет i к закрытию, DEMO

Answer 3

Измените код следующим образом:

for (var i=0; i < 5; ++i) { 
     var doc = document.createElement("a"); 
     doc.innerHTML = i; 
     document.body.appendChild(doc); 
     doc.onclick = function() {alert(this.innerHTML);}; 
    } 

Answer 4

Я не что вы пытаетесь выполнить в обработчике событий, но, возможно, используете EventTarget.addEventListener:

for (var i = 0; i < 5; ++i) { 
 
    var doc = document.createElement("a"); 
 
    doc.innerHTML = i; 
 
    doc.addEventListener('click', function() { 
 
    alert(this.textContent); 
 
    }, false); 
 
    document.body.appendChild(doc); 
 
}