addEventListener不适用于动态创建的按钮

Question

我动态创建3个按钮。现在我需要添加一个onclick事件。如何进行onclick工作？

String::compareToIgnoreCase

Answer 1

您可以获取所有按钮元素并使用循环

添加click事件处理程序

127.0.0.1  mywebsitename.com

演示：more information here

另一种方法是在循环中创建一个按钮元素

var btns = '';
var category = ["fur_", "fts_", "fas_"];
for (i = 1; i < category.length; i++) {
    btns += '<button type="button" class=' + category[i] + ' id= "myBtn' + i + '">.....</button>';
}
var div = document.getElementById('div');
div.innerHTML = btns;

var handler = function () {
    alert('Clicked');
};
var buttons = div.querySelectorAll('button');
for (var i = 0; i < buttons.length; i++) {
    buttons[i].addEventListener('click', handler, false);
}

演示：Fiddle