Problema con onmouseover y getElementById

[fede5426]

Por empezar, los identificadores son únicos, y qué es eso de que no podes usar clases? De cualquier manera si solo podes usar id's, deberías poner uno diferente para cada div.

Como dijo AngelKrak, se puede hacer solo con CSS, pero yo modificaría un poco ese código.

Código HTML:

<div class="producto">
  <img src="http://s18.postimg.org/il7hbk7i1/image.png" alt="" />
</div>
<div class="producto">
  <img src="http://s18.postimg.org/4st2fxgqh/image.png" alt="" />
</div>
<div class="producto">
  <img src="http://s18.postimg.org/sxtrxn115/image.png" alt="" />
</div>
<div class="producto">
  <img src="http://s18.postimg.org/5xn4lb37d/image.png" alt="" />
</div>
 

Código CSS:

.producto{
  display: inline-block;
  margin: 2em;
}
 
img{
  -webkit-transition: all 1s ease; 
    -moz-transition: all 1s ease; 
    -ms-transition: all 1s ease; 
    -o-transition: all 1s ease; 
    transition: all 1s ease;
}
 
.producto:hover > img{
    -webkit-transform:scale(1.25); 
    -moz-transform:scale(1.25); 
    -ms-transform:scale(1.25); 
    -o-transform:scale(1.25); 
     transform:scale(1.25);
}
 

http://codepen.io/anon/pen/BNQWjm

Esta aplicado a los divs con clase producto.. de nuevo, supongamos que no podes hacerlo con clases, vas a tener que agregar un id diferente a cada div y los estilos aplicados a .producto:hover > img se los vas a tener que aplicar a cada identificador.. #producto1:hover > img, #producto2:hover > img, #producto3:hover > img, etc, etc..

Y obviamente hay estilos aplicados a "img".. es solo para el ejemplo, porque no hay mas imagenes, en tu caso para que solo afecte a las imagenes dentro de producto deberias aplicar esos estilos a .producto > img, no es necesario el simbolo ">" si solo hay una imagen dentro del div o si queres aplicarlo a tooodas las imagenes dentro de ".producto".

Saludos