猿问

请问为什么第一个代码不能实现div框移动,第二个可以;求详解

<!DOCTYPE html>
<html>
<head>
 <title></title>
</head>
<body>
 <div class="zxc" style="background-color: red;width: 100px;height: 100px;"></div>
 <script type="text/javascript">
  
  setInterval(function(){
   var len=10;
   document.querySelector('.zxc').style.marginLeft = len+'px';
   len +=10;
   
  }, 100)
 </script>

</body>
</html>   


<!DOCTYPE html>
<html>
<head>
 <title></title>
</head>
<body>
 <div class="zxc" style="background-color: red;width: 100px;height: 100px;"></div>
 <script type="text/javascript">
  var len=10;
  setInterval(function(){
   
   document.querySelector('.zxc').style.marginLeft = len+'px';
   len +=10;
   
  }, 100)
 </script>

</body>
</html>


qq_满地祈愿长伴_0
浏览 1346回答 1
1回答

习惯受伤

第一个中的len每次都初始化为10,没有递增,所以不会移动。
随时随地看视频慕课网APP
我要回答