Js鼠标放上去图片变大变小

<img src="" onmouseover="bigger()" onmouseout="smaller()" id="img">
<script type="text/javascript">
 var img = document.getElementById('img');
 //alert(img);
 function bigger(){
  img.style.width = '400px';
  img.style.height = '400px';
 }
 
 function smaller(){
  img.style.width = '100px';
  img.style.height = '100px';
 }
</script>