Как добавить обработчик onclick для динамического элемента?

Question

Вот важная часть моего кода JS:

function createClose() {
  var cButton = document.createElement("img");
  cButton.src = "close.gif";
  cButton.style.cursor = "pointer";
  cButton.onclick = closeWindow;

  document.getElementById("my_window").appendChild(cButton);
}

function closeWindow() {
  document.getElementById("my_window").style.display = "none";
}

Изображение создается и добавляется, но при нажатии на него не вызывается событие onClick. Я также пытался использовать анонимную функцию, но это тоже не сработало.

Нет, я не собираюсь использовать jQuery (хотя я верю, что это проще).

Answer 1

input.setAttribute('onclick','handleClick();');

Answer 2

input = document.getElementById("my_window").appendChild(cButton);
input.onclick = function() { yourFunction(); };

Этот вопрос является почти дубликатом " Добавить свойство onclick для ввода с помощью JavaScript " В качестве альтернативы я также видел использование input.setAttribute('onclick', 'yourFunction();');, но не могу гарантировать, что он работает.