изменение образа IMG тега с помощью innerhtml

Question

я хочу изменить изображение, используя innerhtml из IMG тега, когда я нажимаю на него мой код приведен ниже

tempData +='<td >'; 

     tempData +='<img src="'+frontImg+'" id='+ii+' onClick="flipImage(this.id);" />';//from where flipImage call 
     tempData +='</td>'; 

он отлично работает, но изменить изображение, когда он вернется сформировать функцию но я хотел, чтобы изменить его перед возвращением flipImage

function flipImage(m) 
    { 

     var jsonLen = jsonImages.images.length; 
     var imgNumber = finalImageArray[m]; 
     for(jsn = 0;jsn <jsonLen ;jsn++) 
     { 
      if(jsonImages.images[jsn].imageKey== imgNumber) 
      { 
       realImage = jsonImages.images[jsn].imagePath; 
       var element = document.getElementById(m); 
//    var mg = '<img src="bool.jpg" />'; // change when this line execute what should i put here.? 
       //element.innerHTML=mg; want like this. 

         //this is actual code but it change image after returning the function so i don't want this. 
       element.innerHTML=realImage; 
      element.setAttribute('src',realImage); 
      element.setAttribute('onclick', ''); 
       break; 

      } 
     } 
    } 

так я хотел изменить изображение до flipImage возвращения. это просто пример код и

Answer 1

Вы не можете использовать innerHTML для <img /> тегов, поскольку они не имеют HTML внутри них, они одиночки и не имеют внутри содержимого.

Просто используйте imgElement.setAttribute('src', 'http://...');, чтобы изменить изображение.