javascript - 将 onclick 添加到动态创建 li 标记

Question

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

这是我创建元素的方式：

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
}