Eu gostaria de perguntar para alguém que seja entendido em javascript puro, o por quê de estar acontecendo isso.
Tenho um código que só deveria mostrar a imagem quando ela for carregada (onload), só que a função só dispara quando eu seto o onload direto na tag img, quando coloco em um bloco/arquivo javascript não funciona...
se eu faço: <img id="imagem" src="linkDaImagem" onload="this.style.display = 'block'" />
a imagem aparece ao carregar.
Mas se eu faço assim, em um bloco script ou arquivo externo, não funciona:
document.getElementById('imagem').addEventListener("load", function(){
this.style.display = 'block';
});
Por que isso acontece, gente? Tem alguma solução para isso?
Sei que via Jquery é possível, mas peço a solução em js puro, pois estou aprendendo ele, e tenho essa dúvida...
Obrigado à todos que ajudarem, até mais!