Как добавить обработчик 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 = document.getElementById("my_window").appendChild(cButton); 
input.onclick = function() { yourFunction(); }; 

Этот вопрос почти дублирует «Add onclick property to input with JavaScript» В качестве альтернативного пути я видел использование input.setAttribute('onclick', 'yourFunction();'); тоже, но не может гарантировать, что это работает.

Answer 2

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