如何在JavaScript中为动态创建的元素绑定事件处理程序？

大家好！我是JavaScript新手，遇到了一个无法解决的问题。 我有一个任务列表（待办事项列表）。用户可以通过表单添加新元素。每个列表元素都应包含一个“删除”按钮，以便可以删除特定任务。问题是，当我通过JavaScript动态添加新的列表元素时（例如使用`innerHTML`或`createElement`），点击“删除”按钮的事件处理程序不会触发。处理程序仅对HTML中原本存在的元素有效。 以下是演示问题的简化代码： ```html

• 任务1 删除
• 任务2 删除

添加任务 ``` ```javascript // 删除按钮的事件处理程序 document.querySelectorAll('.delete-btn').forEach(btn => { btn.addEventListener('click', function() {