Problema con onmouseover y getElementById

[mardojai]

Ojo, esto va en el foro de JavaScript.

Yo lo haría con Jquery, ya que las webs que hago incluyen mucho jquery no hay problema, pero algunos opinan que incluir Jquery para una sola función es mucho.

Igual te dejo un ejemplo con Jquery:

Supongamos que este es tu html:

Código HTML:

<div class="contenedor">
    <img src="imagen_aqui.jpg" />
</div>
 

Y este sera tu css:

Código CSS:

.contenedor {
    overflow: hidden;
    width: 300px;
    height: 250px;
}
 
.contenedor img {   
    width: 300px;
    height: 250px;
    transition: 0.2s ease-out;
}
 

Este seria tu Jquery:

Código Javascript:

$(document).ready(function(){
    $('.contenedor').mouseenter(function(){
        $(this).children().css("transform", "scale(1.5)");
    });
    $('.contenedor').mouseleave(function(){
        $(this).children().css("transform", "scale(1)");
    });
});
 

Un ejemplo en funcionamiento: http://jsfiddle.net/stutv0ja/4/.

Saludos!