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