Afficher une image en JavaScript

ou avec createElement

<div id=ajout></div>

var nouvelleimage=document.createElement("IMG");
document.getElementById('ajout').appendChild(nouvelleimage);
document.getElementById('ajout').lastChild.setAttribute('src',mavariable);

hum je ne comprends pas désolé ^^'

function AfficherImg(p1, p2, p3) // création fonction AfficherImg()
{
var res = [ // de la plus petite à la plus grande, les différents backgrounds avec leurs dimensions
{width:800, height:600, src:p1},
{width:1024, height:768, src:p2},
{width:1280, height:800, src:p3}];

// Au départ, on prend le premier background
var img = res[0],
width = window.innerWidth || (document.body && document.body.clientWidth) || 1024; // On récupère la largeur de la fenêtre

for (var i=0; i < res.length;i++) { // On fait une boucle sur le tableau des backgrounds
if (img.width <= res[i].width && res[i].width <= width) { // Et on cherche lequel est le plus approprié
img = res[i];
}
else {
break; // Si on a trouvé le bon, on quitte la boucle
}
}
if (document.body) {
document.body.style.backgroundImage = "url('"+ img.src +"')"; // On applique le background au style du body
}
}
</script>

voici ma fonction et je voudrais que la dernière partie ( à partir du if) au lieu de modifier le background affiche simplement l'image