Cannot read property 'style' of null

代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/init.css">
    <link rel="stylesheet" href="css/style.css">
    <script src="js/javascript.js"></script>
</head>
<body>
<!--砖头-->
<div id="wrap"></div>
<div id="ball"></div>
<div id="ward"></div>
<div id="score">0分</div>
<div id="gameover">
    <p>总分:74</p>
    <span>确定</span>
</div>
</body>
</html>

分析

问题:先写的JS,后写的HTML代码(即编译js的时候,html还没有解析,所以style属性不能被解析)

总结

外部引入js,放在</body>

<script src="js/javascript.js"></script>
</body>
原文地址:https://www.cnblogs.com/10134dz/p/13171098.html