javascript - 如何在addEventListener中传递触发元素？

Question

我有这个代码:

window.onload = function(){ 
var player=0;
for(var i="0";i<"9";i++)
    document.getElementById(i).addEventListener("click",function(){oxfunc(document.getElementById(i))});
function oxfunc(s){
    s.innerHTML="!";    
}

元素的ID编号为0到8。我想知道点击了哪个元素。上面的代码报错:

tictactoe.js:8 Uncaught TypeError: Cannot set property 'innerHTML' of null
    at oxfunc (tictactoe.js:8)
    at HTMLTableCellElement.<anonymous> (tictactoe.js:5)
oxfunc @ tictactoe.js:8
(anonymous) @ tictactoe.js:5

Answer 1

触发元素将是函数中的 this，因此您不需要使用您的方法。

addEventListener("load", function() {
  var player = 0;
  for (var i = 0; i < 9; i++) {
    document.getElementById(i).addEventListener("click", function() {
      oxfunc(this);
    });
  }

  function oxfunc(s) {
    s.innerHTML = "!";
  }
});

如果您想使用您的方法，请参阅 JavaScript closure inside loops – simple practical example .