Uncaught TypeError: Cannot read property 'style' of null

最新推荐文章于 2024-08-28 15:07:44 发布

、Edgar

最新推荐文章于 2024-08-28 15:07:44 发布

阅读量1.6k

点赞数 1

分类专栏：网页开发

本文链接：https://blog.csdn.net/weixin_44676081/article/details/102885455

版权

网页开发专栏收录该内容

20 篇文章

订阅专栏

<!DOCTYPE html>
<html>

<head>
    <script src="./test.js"></script>
    <title>Test</title>
</head>

<body>
    <div>
    <button onclick="re()" value="Click me">Click me</button>
    <p id ='H' >Succsessfully</p>
    </div>
</body>

</html>

今天在执行 js 代码时候，发现一直报错

Uncaught TypeError: Cannot read property 'style' of null

经过查阅资料和测试，发现是因为 script 放置的位置不对，造成没有页面没有加载完成，但是便执行了 js

改正后应该为：

<!DOCTYPE html>
<html>

<head>
    
    <title>Test</title>
</head>

<body>
    <div>
    <!-- <form onsubmit="" method="POST">
    Number:<input type="text" name="num1" id="num1"/>
    <br/>
    Repeat:<input type="text" name="num2" id="num2"/>
    <br/>
    <input type="submit" value="Submit"/>
    </form>
    <br/> -->
    <button onclick="re()" value="Click me">Click me</button>
    <p id ='H' >Succsessfully</p>
    </div>
</body>

// 代码块应该放置在这 ！！！
<script src="./test.js"></script>
</html>