<分区>
我正在为同样动态创建的 html 元素动态创建一个 onclick 事件。我可以很好地制作这些元素,但是当我点击一个特定的元素时,无论最后创建的元素是什么,它总是会运行 onclick。
var parentNode = document.getElementById('mpacks');
parentNode.innerHTML = '';
for (var i = 0, size = listOfItems.length; i < size; i++){
var listNode = document.createElement('LI');
var tmp = document.createElement('a');
tmp.id = listOfItems[i];
tmp.innerText = listOfItems[i];
listNode.appendChild(tmp);
parentNode.appendChild(listNode);
tmp.onclick = function() {insertParam(listOfItems[i])};
}
例如:如果我有列表 [link1, link2, link3]
,我会很好地渲染它们,它们都会显示在我的页面上。当我单击链接 1 时,我希望将其传递到 onclick 函数中,如图所示... insertParam("link1")
。相反,当我点击 link1 时,它出于某种原因传入 insertParam("link3")
。