javascript - 将 onclick 或 eventlistener 添加到 id 为 div 的 Createelement

Question

我正在尝试为游戏创建一个运动场，其中所有单独的 div 都获得不同的 onclick 或 eventlistener，因此 div 1 将获得:

reageerOpKlikSpeelveld(1);

div 2 会得到:

reageerOpKlikSpeelveld(2);

这是在页面上创建我的 div 的函数:

function createDivs(amount) {
    for(x=0; x<amount;x++) {
            var vlak = document.createElement('div');
            vlak.className = "vlak";
            document.getElementsByClassName("veld")[0].appendChild(vlak);
            }
        }

我基本上不知道该怎么做。

提前致谢!

Answer 1

可以将div的索引保存到div本身，然后通过'this'访问。

function createDivs(amount) {
  for (x = 0; x < amount; x++) {
    var vlak = document.createElement('div');
    
    
    vlak.myIndex = x;
    vlak.onclick = function() {
        reageerOpKlikSpeelveld(this.myIndex);
    };
    
    
    vlak.className = "vlak";
    document.getElementsByClassName("veld")[0].appendChild(vlak);
  }
}