Question

我有一个按钮，每次创建一个ID为“ box”的新元素并将其显示在浏览器中时，我都希望单击该按钮。现在，我想在单击每个框时使用回调函数执行一个函数。但是我无法运行...

btn.addEventListener("click",function() {
  const element =  `<div class="box"> box ${count}</div>`;
  const position = "afterbegin";
  test.insertAdjacentHTML(position,element);
  count++;
})

// I want to execute this function with the callback function when I click on each element with the box class
function execute() {
  //some code
}

Answer 1

除非有更多问题，为什么添加div框时不添加onClick处理程序？并让它调用execute（）;

btn.addEventListener("click",function() {
  const element =  `<div class="box" onClick="execute()"> box ${count}</div>`;
  const position = "afterbegin";
  test.insertAdjacentHTML(position,element);
  count++;
})

创建元素后如何执行功能

1 个答案: