установить OnClick атрибут в Javascript

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