javascript - 动态创建一个按钮并设置 "onclick"处理程序接受多个参数

Question

我需要在循环中动态创建一个按钮，并将“onclick”事件处理程序附加到它，然后处理程序的函数是预先定义的并接受多个参数。

for (var i = 0; .....) {
  var b = document.createElement("BUTTON");
  b.appendChild(document.createTextNode("fdsfdsfd_" + i)); 
  b.onclick = function() {
    var b = getB();
    var c = getC();
    myFunction(i, b, c);
  };

  document.appendChild(b);
}



function myFunction(a, b, c) {

}

但是当我检查 thml 时，没有“onclick”属性。

属性 innerHTML 不适合我的情况。

Answer 1

试试这个

var b = document.createElement("BUTTON");
b.appendChild(document.createTextNode("fdsfdsfd_" + i)); 
b.addEventListener('click', function() {
  console.log('anchor');
});

并且 onclick 属性对于点击事件的工作来说不是必需的