代码在在线代码编辑器中工作，但不在本地

Question

我写了一些代码来增加图像的大小。我将代码复制并粘贴到在线w3代码编辑器中，代码按预期工作。 当我在任何网络浏览器中本地运行完全代码时，它无效...

如果我在其中放置任何alert()，它就会起作用，但图像大小根本不会改变。

知道为什么吗？

请参阅以下代码段：

＆＃13;

＆＃13;

function zoom(){
  var element = document.getElementById("myImg");
  var newHeight = 150;
  var newWidth = 450;
  var zoomStart = function(){
      element.width += 1;
      element.height += 1.5;
      if(element.height < newHeight){
          setTimeout(zoomStart, 10);
      }    
   }

  zoomStart();
  }

＆＃13;

<img id="myImg" src="local_image.jpg">
<button onclick="zoom()">Try it</button>

＆＃13;

＆＃13;

＆＃13;

编辑：

似乎如果我在单独的css文件中设置图像大小，图像将停止调整大小。但是，如果我使用内联css来设置图像样式，它会正确调整大小......