《大学生前端成长记》---无脑错误篇 --1 --cannot set property‘onclick’ of null

  • 事情是这样的,写轮播图中出现了一个错误《大学生前端成长记》---无脑错误篇 --1 --cannot set property‘onclick’ of null
  • 网上很多文章都是说代码前后顺序问题,抱歉,我不会犯这种低级的错误,但最后实在没办法,我把原本放</body>后面的代码重新添加了
  • window.οnlοad=function(){} 也是一样报错

- 解决
《大学生前端成长记》---无脑错误篇 --1 --cannot set property‘onclick’ of null
在控制台输出document.getElementById(‘next’),结果为null

代码顺序问题? 没错啊,我确实放在body后面。Id总没写错吧

查了很多资料,没有结果! 最后才发现,是标签的属性问题!

《大学生前端成长记》---无脑错误篇 --1 --cannot set property‘onclick’ of null
在加了一个type之后就成功的获取到了。

《大学生前端成长记》---无脑错误篇 --1 --cannot set property‘onclick’ of null

以后解决此类问题

  • 首先判断是否有低级到底错误,比如id名字写错这些
  • 其次再考虑代码的顺序问题。
  • 最后查看是否标签是否带上type属性

至于为什么带上type属性之后才能获取得到,我还不是很明白,但我猜测应该是JavaScript不会认为<button id="next">是一个标签!

附上type的解释——*来自w3school
*
《大学生前端成长记》---无脑错误篇 --1 --cannot set property‘onclick’ of null