Это делается в одну строку))
<!DOCTYPE HTML>
<html>
<body>
<style>
div{float:left;border:5px solid black;}
img{vertical-align:top;cursor:pointer}
</style>
<script>
function imgToDiv(img) {
return img.parentNode.insertBefore(document.createElement('div'), img).appendChild(img);
}
</script>
<img onclick="imgToDiv(this)" src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif">
</body>
</html>