innerHTML.replace image in IE

try this:
On HTML:
<img src="images/minus.gif" align="absmiddle" id="imgx">

On javascript:
document.getElementById("imgx").src = "images/plus.gif";

Nope is not working or i'm doing something wrong. Here is all the code.

<div id="div1" onclick="showDiv('div1','id1');"><img src="images/plus.gif"> Show Div</div>

function showDiv(IdDiv,IdLink)
{
  if (document.getElementById)
      {      
var layer =  document.getElementById(IdDiv) ;
var div =  document.getElementById(IdLink) ;
  if(layer) {
  if (layer.style.display == 'block') {  
layer.style.display = 'none';
div.innerHTML = div.innerHTML.replace('<img src="images/minus.gif" align="absmiddle">','<img src="images/plus.gif">')
div.innerHTML = div.innerHTML.replace('Hide','View')
div.style.color = '#5E4BE7';
} else {
layer.style.display = 'block';
div.style.color = '#FF0000';
div.innerHTML = div.innerHTML.replace('<img src="images/plus.gif">','<img src="images/minus.gif" align="absmiddle">')
div.innerHTML = div.innerHTML.replace('View','Hide') }
             }
      }
}

Select allOpen in new window

eg :
   <div id ="MyDiv" >
        <img src  = "..\Images\plus.gif" />
        </div>

Use Javascript as
document.getElementById("MyDiv").childNodes[0].src = "[Path Name]"

C'mon i bet is a simple solution. I told you in Firefox is working so i think i just have to replace this function innerHTML.replace with something compatible for IE

@princeatapi can you elaborate that example and apply it to my code above.
Thanks

try this:

div.innerHTML.toString().replace('View','Hide')

instead of

div.innerHTML.replace('View','Hide')

Great! Thanks man that worked like a charm