应用错误收集

我声明了一个变量框并希望更改它的样式属性。不知何故它不起作用，我得到一个像这样的错误“无法设置null对象的属性'风格。我不明白为什么这不起作用。但是当我把变量放在函数内部时它工作。其他人有同样的问题，你如何解决它？

我只是注意到它在Stack Overflow中有效。但不是谷歌Chrome和IE浏览器。

var boxPosition = 50;
var boxSpeed = 5;
var limit = 300;
var box = document.getElementById('box');


function draw(){
  box.style.left = boxPosition + 'px';
}

#box{
  position: absolute;
  top: 100px;
  left: 100px;
  width: 50px;
  height: 50px;
  background: blue;
}

<html>
<head>
    <link rel = "stylesheet" href = "Style.css">
    <script language="javascript" type="text/javascript" src="Motion.js"></script>
</head>
<body>
    <div id = "box" onclick="draw();"></div>
</body>
</html>

div对象作为变量不能传递给函数（普通Java脚本）

0 个答案: