Question

我想问一下如何将onclick事件分配给DOM上的动态添加按钮？例如，在通过以下

创建按钮之后

var btn = document.createElement("button");

我想为此按钮创建onclick，这样当我点击它时，这将调用函数purchase(json[i].id)。我该如何添加呢？

Answer 1

var button = document.createElement('button')

button.addEventListener('click', function(event) {
 ... your code here ...
})

someContainerElement.appendChild(button)

方法名称几乎解释了发生了什么，但要明确：

首先，创建一个button代码并将其分配给button变量

var button = document.createElement('button')

向button元素添加事件侦听器。它侦听click事件，并触发该函数。

button.addEventListener('click', function(event) {
  ... your code here ...
})

然后将button追加到someContainerElement。这意味着您的button将被放置在此父元素中。

someContainerElement.appendChild(button)

将onclick事件设置为动态添加按钮？

1 个答案: