Adicionar evento onclick ao elemento recém-adicionado em JavaScript
Eu tenho tentado adicionar o evento onclick a novos elementos que eu adicionei com JavaScript.
O problema é que, quando verifico document.body.innerHTML, na verdade, vejo que o onclick = alert ('blah') é adicionado ao novo elemento.
Mas quando clico nesse elemento, não vejo a caixa de alerta funcionando. De fato, qualquer coisa relacionada ao JavaScript não está funcionando.
Aqui está o que eu uso para adicionar um novo elemento:
function add_img() {
var elemm = document.createElement('rvml:image');
elemm.src = 'blah.png';
elemm.className = 'rvml';
elemm.onclick = "alert('blah')";
document.body.appendChild(elemm);
elemm.id = "gogo";
elemm.style.position='absolute';
elemm.style.width=55;
elemm.style.height=55;
elemm.style.top=200;
elemm.style.left=300;
elemm.style.rotation=200;
}
Aqui está como eu chamo essa função:
<button onclick=add_img()>add image</button>
Agora a imagem é desenhada perfeitamente dentro do navegador. Mas quando clico na imagem, não recebo esse alerta.