添加onclick到动态创建li标签

Question

我希望能够为动态创建的div添加onclick处理程序。

以下是我创建元素的方法：

function add_remove_roll_func(){
    for (var i = 0; i<3; i++){
    li_dice_side_one = createElementWithClass('li',arguments[i]);
    add_remove_roll.appendChild(li_dice_side_one);
    document.getElementById("ul");
  }
    }
 add_remove_roll = createElementWithOutClass('ul');
    dice_toolbar_wrapper_close.appendChild(add_remove_roll);
    document.getElementById("dice-content-wrapper");

    add_remove_roll_func("add","remove","roll");

我希望添加删除和滚动事件来调用不同的函数。

我试过add_remove_roll_func("'add' 'onclick="function'...) 但这并没有自动神奇地起作用：）。

我可以用jQuery来做，但我需要用原生的javascript来做。

Answer 1

什么是add_remove_roll_func？！

您需要使用addEventListener（）以向事件添加onclick或任何其他处理程序。例如：

el.addEventListener("click", liCliked, false); 

function liCliked(){
    // doing important things
}