Onclick가 작동하지 않습니다 - Javascript

Question

이 이미지를 onclick으로 가져 오려고했지만 성공하지 못했습니다. 다른 방법을 찾아 보았습니다. 인기가 있고 setAttribute도 작동하지 않습니다. 이유를 알 수 없습니다. 내가 실수를하면 어딘가에 있니?

function renderMessage(theMessage){ 
    var text = document.createTextNode(theMessage.getText()); 
    var time = document.createTextNode(theMessage.getDate()); 
    var div = document.getElementById("writeMessages"); 

    div.appendChild(text); 
    div.innerHTML += " "; 
    div.appendChild(time); 

    // Bilden 

    var image = document.createElement('img'); 
    image.src = 'img/deletePic.png'; 

    image.onclick = function(){ 
     alert("click"); 
     console.log("hej"); 
    }; 

    div.appendChild(image); 
    div.innerHTML += "<br />"; 
} 

Answer 1

이 줄 :

div.innerHTML += "<br />"; 

의미 :

div.innerHTML = ... 

당신이 이 그 DIV의 내용을 교체 :

div.innerHTML = div.innerHTML + "<br />"; 

을하지만 당신이 할 때마다 그래서 나에게 할당 한 이벤트 핸들러가없는 새로운 HTML 조각. 로 그 라인을 교체

시도 :

div.appendChild(document.createElement('br')); 

같은 당신이 텍스트와 시간 사이에 할 += 다른로 이동합니다.