在 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);

我的锚创建为 <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);

在 Javascript 中设置 onclick 属性

set onclick attribute in Javascript

javascript

dom

onclick