javascript - 在 Javascript 中设置 onclick 属性

Question

当我运行此Javascript时代码

var anchor = document.createElement("a");
anchor.style = "cursor:pointer;color:blue;";
 anchor.onclick = "this.parentNode.parentNode.removeChild(this.parentNode);";
 anchor.innerHTML = "remove";
 div.appendChild(anchor);

我的 anchor 创建为 <a style="cursor: pointer; color: blue;">remove</a>缺少onclick属性，onclick功能不起作用。

我可以修复它吗？

Answer 1

您将其设置为字符串，但它实际上并未设置该属性。使用闭包。

anchor.onclick = function() { this.parentNode.parentNode.removeChild(this.parentNode); };

理想情况下您会使用addEventListener

anchor.addEventListener("click", function(){ this.parentNode.parentNode.removeChild(this.parentNode); }, false);