php - javascript で画像タグを作成しましたが、ウェブページに画像が表示されません

Question

PHTML の追加ボタンでこの関数を呼び出しています。追加ボタンをクリックすると、選択した果物の画像を に表示したいと思います<div>。

   function moveoutid()
   {
var sda = document.getElementById('availableFruits');
var len = sda.length;
var sda1 = document.getElementById('orderFruits');

for(var j=0; j<len; j++)
{
    if(sda[j].selected)
    {
        alert(baseUrl+"/img/"+sda.options[j].value+".jpg");
        var img1=document.createElement('img').src=baseUrl+"/img/"+sda.options[j].value+".jpg";

        var di=document.getElementById('d');
        di.appendChild(img1);


        var tmp = sda.options[j].text;
        var tmp1 = sda.options[j].value; 
        sda.remove(j);
        j--;
        var y=document.createElement('option');
        y.text=tmp1;
        try
        {
            sda1.add(y,null);
        }
        catch(ex)
        {
            sda1.add(y);
        }
    }
}

   }

このコードでは、<img>タグを作成し、画像パスを に渡しsrc、選択した画像を Web ページに表示します。画像のパスを正しく取得していますが、<img>タグを追加しておらず、Web ページに画像を表示していません。