Mostrar e esconder uma imagem

Front-end
#1

Pessoal,

Minha dúvida é relativamente símples, porém não to conseguindo fazer…
Pois bem, queria colocar uma imagem de exclusão ao lado de um link, quando o mouse estiver sobre o link, e retirar a imagem quando o mouse não estiver mais no link.

Pensei alguma coisa assim, onde no ‘onmouseover’ do link, chamo um JS que seta uma div após o link, mas não deu muito certo…

Alguém tem alguma sugestão de como eu poderia fazer isso???

Qq ajuda é muito bem vinda!

abraços!

#2

document.getElementById(imageId).style.display = “none”;

document.getElementById(imageId).style.display = “block”;

#3

deixo a minha div assim:

#4

Vou te facilitar a vida, já que tu é preguiçoso:

<html>
<body>
<div>
	<img src="teste.gif" id="teste" />
	<br/>
	<input type="button" value="press" onclick="document.getElementById('teste').style.display = 'none';"/>
	<input type="button" value="press2" onclick="document.getElementById('teste').style.display = 'block';"/>	
</div>
</body>
</html>
#5