Cannot set property ‘onclick‘ of null

最新推荐文章于 2021-10-19 17:16:54 发布

家国MAX

最新推荐文章于 2021-10-19 17:16:54 发布

阅读量409

点赞数

CC 4.0 BY-SA版权

分类专栏：报错文章标签： javascript js

本文链接：https://blog.csdn.net/bjiaguo/article/details/108357037

报错专栏收录该内容

1 篇文章

订阅专栏

本文探讨了JavaScript代码放置不当导致的元素查找错误。详细解释了由于DOM元素尚未加载完成时，尝试获取元素引用会导致的问题，并提供了解决方案：将JS代码置于HTML文件底部。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

错误代码如下

<script>
    var btn  = document.getElementById('btn');
    btn.onclick=function(){
        document.getElementById('p').innerHTML = Date();
    }
    </script>
<body>
    <button id="btn">按钮</button>
    <p id="p"></p>
</body>

因为浏览器自上而下解析，找不到onclick绑定的按钮节点，所以报错。

把js代码写在下面即可

<body>
    <button id="btn">按钮</button>
    <p id="p"></p>
</body>
<script>
    var btn  = document.getElementById('btn');
    btn.onclick=function(){
        document.getElementById('p').innerHTML = Date();
    }
    </script>