0


Cannot set properties of null (setting ‘onclick‘)问题解决方案

个人学习过程中遇到“Uncaught TypeError: Cannot set properties of null (setting ‘onclick’)”问题,分享下
html代码:

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width, initial-scale=1.0"><title>WEB API学习</title></head><body><buttonid="btn">母校</button><script>var btn = document.getElementById(" btn ");
        btn.onclick=function(){alert('xtu');}</script></body></html>

运行结果:
在这里插入图片描述
问题原因:getElementById方法无法找到所写的id名(空格也被认为是id名的一部分了)
修改前代码:

var btn = document.getElementById(" btn ");

修改后:

var btn = document.getElementById("btn");

运行成功!
在这里插入图片描述

标签: 前端 javascript html

本文转载自: https://blog.csdn.net/NEXT00/article/details/128835108
版权归原作者 NEXT00 所有, 如有侵权,请联系我们删除。

“Cannot set properties of null (setting ‘onclick‘)问题解决方案”的评论:

还没有评论