将“onclick”处理程序添加到纯 javascript 中动态创建的元素

Question

我在页面上动态创建和删除元素“a”和“button”。我想在创建它们时向它们添加处理程序“onclick”。到目前为止，我看到的所有示例都在 jquery 中。我怎样才能在纯 javascript 中做到这一点？

Answer 1

你可以这样做：

for(var i=0;i<5;i++){
  var a = document.createElement("a");
  a.innerHTML="a"+i;
  document.body.appendChild(a);
  var button = document.createElement("button");
  button.innerHTML="button"+i;
  button.onclick = function(){
    console.log("event on button");
  }
  document.body.appendChild(button);
}