javascript.but에서 이미지 태그를 만들었습니다. 웹 페이지에 이미지가 표시되지 않습니다.

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에 이미지 경로를 전달합니다. 이미지의 경로를 제대로 잡고 있지만 <img> 태그를 추가하지 않고 웹 페이지에 이미지를 표시하지 않습니다.

Answer 1

귀하의 문제는이 라인에서, 가장 가능성이있다 :

var img1=document.createElement('img').src=baseUrl+"/img/"+sda.options[j].value+".jpg"; 

이이 요소를 만들고 그것에 src 속성을 할당하고 변수 img1이 src 속성 값을 할당합니다. 대신 다음 두 줄을 사용해야합니다.

var img1 = document.createElement('img'); 
img1.src = baseUrl+"/img/"+sda.options[j].value+".jpg";