javascript - 如何在 javascript 中使用 Onclick 属性动态创建对象

Question

我有以下代码

  var eventbar = document.createElement("Div");
  eventbar.id = "eventa";
  eventbar.className= "event";
  eventbar.onclick = 'createpopupdata(this)';
  eventbar.innerHTML = "Click here";
  document.getElementById("body").appendChild(eventbar); 

但是，当它在 HTML 中创建对象时，我的检查器在创建的 HTML Div 中没有显示 onClick 属性。想知道我是否出错了，因为我已经尝试了多种发布方式。 (显然没有引号会立即运行函数)。

编辑:我想知道我是否必须做一些特别的事情，比如为对象创建一个监听器，或者是否有一个简单的解决方案。

Answer 1

你可以尝试这样的事情:

var eventbar = document.createElement("Div");
eventbar.id = "eventa";
eventbar.className = "event";
eventbar.onclick = createpopupdata.bind(null,eventbar);
eventbar.innerHTML = "Click here";
document.getElementById("body").appendChild(eventbar);

function createpopupdata(el){
  alert(el.id)
}

div{
  width:50px;
  height:50px;
  background:#eee;
}

<div id="body"></div>