javascript - 动态点击事件问题

Question

我有一个从 JSON 数组加载的表，但我的点击事件解决方案似乎不起作用。当循环循环时，我向每个新添加的 div 的每个监听器添加一个单击事件。

document.getElementById(i.toString()).addEventListener("click", function(event)
{
    console.log(event);
});

问题在于只有最后一个元素响应点击。

我的代码可以在 pastebin 上找到

Answer 1

发生这种情况是因为您当前尝试向 html 添加新元素的方式。

替换此(您当前正在执行的操作):

nw.innerHTML = nw.innerHTML + "<div class='" + nodeType + "' id='" + i + "'><div class='nodeName'>" + json[i][0] + "</div></div>";

这样:

var div = document.createElement("div");
div.setAttribute("class", nodeType);
div.setAttribute("id", i.toString());
div.innerHTML = '<div class="nodeName">' + json[i][0] + '</div>';
nw.appendChild(div);

这是一个fiddle这显示了此工作的一个简单版本。