在谷歌浏览器出现“can't set property 'onclick' of null"问题解决

最新推荐文章于 2023-02-01 15:42:36 发布
最新推荐文章于 2023-02-01 15:42:36 发布
阅读量1.2k 收藏 3
点赞数 2
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37142399/article/details/105851300
版权

“can't set property 'onclick' of null"    null说明该按钮对象不存在，无法调用“onclick"函数。

我将<script type="text/javascript" src="js/javascript.js"></script>放在<head>里面，在运行脚本时绑定按钮，由于html自上而下的渲染顺序，body中的按钮还未生成，造成了null结果。

解决办法：将外部脚本<script type="text/javascript" src="js/javascript.js"></script>放在html文档的最下方即可。

【补充内容：在html文件中，当把<script type="text/javascript" src="js/javascript.js"></script>放在<head>里面时，javascript引擎会对引入的外部脚本进行解析和执行，浏览器这时会暂停DOM树的解析和渲染（因为javascript代码中可能会有改变DOM树的内容），等到脚本执行完成后，浏览器继续对html自上而下的渲染。】

 

前端小白111
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
出现问题a is defined高手帮忙
06-15
cornerTopDiv: null, cornerRightDiv: null, cornerBottomDiv: null, cornerLeftDiv: null, mapPosition: null, outlineDiv: null, mapWidth: 0, mapHeight: 0, mapRatio: 0, startX:...
DOM操作原生js 的bug,使用jQuery 可以消除的解决方法
01-19
js的 bug 类型： Uncaught TypeError：Cannot set/read property ‘xxx’ of null 在进行DOM操作的时候比较容易发生这个错误，比如： 1. document.getElementById(‘test1′).style.display=’none’ 2. document...
Cannot set property ‘onclick‘ of null
bjiaguo的博客
09-02 352
错误代码如下 <script> var btn = document.getElementById('btn'); btn.onclick=function(){ document.getElementById('p').innerHTML = Date(); } </script> <body> <button id="btn">按钮</button> <p id="p"
浏览器出现Cannot set property 'onclick' of null的问题
SHALLNY
03-12 3747
1.onclick方法报错，写法是浏览器先加载完按钮节点才执行的js，所以当浏览器自顶向下解析时，找不到onclick绑定的按钮节点，于是报错。因此，需要把js文件放在底部加载，就会避免该问题。 2.加载完毕后，点击按钮后无报错 window.document.onload =function(){ document.getElementsByClassName('img-blank...
JS解决“Cannot set property ‘onclick‘ of null”的问题
一天不学习，就浑身难受
07-14 3155
原始代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>函数</title> <!-- <link rel="icon" >--> </head> <body> <script> <!-- 第一种方式--> function hello1
页面运行出现Cannot set property ‘onclick‘ of null问题
Aaron Con的博客
05-27 207
由于浏览器解析代码是自上而下的，可能是由于js在html的头部引入的，所以在解析中先解析js中的代码，导致onclick的属性为null 解决方法： 1.将js的引入放在html后面
触发JS事件报错“Cannot set property 'onclick' of null”
Lantz
03-07 408
JS事件报错之“Cannot set property ‘onclick’ of null” <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>事件</title> <script> var btn1 = docum...
网页制作完全手册
09-05
In this example, there are two widths: an extended property set within the object element, and a property belonging to the control that is set using the param element. To access these from script, you...
DevExpress VCL v2012 vol 1.6源码-例子-帮助-part1
11-29
Q438267 - Server Mode - Clicking a Filter Row cell in a column containing Null values throws the "Could not convert variant of type (Null) into type (OleStr)" exception Q435475 - Tabular and Layout ...
DevExpress VCL v2012 vol 1.6源码-例子-帮助-part2
11-29
Q438267 - Server Mode - Clicking a Filter Row cell in a column containing Null values throws the "Could not convert variant of type (Null) into type (OleStr)" exception Q435475 - Tabular and Layout ...
cannot set porperty 'onclick' of null at
weixin_30347009的博客
05-01 71
当JS文件放在<head>里面时，如果绑定了onclick事件，就会出现这样的错误，是因为W3School的写法是浏览器先加载完按钮节点才执行的JS，所以浏览器自顶而下解析时，找不到onclick绑定的按钮节点，于是报错。因此需要把JS文件放在底部加载，就会避免该问题。 转载于:https://www.cnblogs.com/miaomiaopink/p/897...
JS点击事件——Uncaught TypeError: Cannot set property 'onclick' of null
u013287846的博客
08-14 2万+
html代码： 点击我 JS代码： var button = document.getElementById("button"), image = document.getElementById("image"); button.onclick = function () { image.style.di
【报错】(Javascript):Cannot set property 'onclick' of null
M&Q的博客
05-11 851
这个错误呢，很明显，就是找不到设置“onclick”属性的对象，有两个解决思路： 1. 改变JS文件的加载位置 原因：当js文件放在head里面时，如果绑定了onclick或者onmouseover事件，就会出现如上图类似的错误，是因为浏览器的加载你写的html文档的顺序是从上往下，加载完按钮节点才执行的js，所以当浏览器自顶向下解析时，找不到onclick绑定的按钮节点，于是报错。 解决办法：第一，把js文件放在底部加载；第二，使用window.onload=function(){}包裹js内容。
JS事件报错之Cannot set property 'onclick' of null
dinggu6579的博客
08-13 199
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script> //根据id属性的值从文档中获取这个元素 ...
浏览器出现Cannot set property ‘onclick‘ of null的问题
fly_ship的博客
05-05 299
当js文件放在head里面时，如果绑定了onclick事件，就会出现这样的错误，是因为W3School的写法是浏览器先加载完按钮节点才执行的js，所以当浏览器自顶向下解析时，找不到onclick绑定的按钮节点，于是报错。 因此，需要把js文件放在底部加载，就会避免该问题。 在JS外包一个window.οnlοad=function(){}也可以解决 ...
学习笔记3--Cannot set property 'onclick' of null的问题
Be_what_you_w点滴ant
10-05 1862
前端基础笔记3--Cannot set property 'onclick' of null的问题
解决Uncaught TypeError: Cannot set property 'onclick' of null错误的方法
热门推荐
wls.ink
04-13 5万+
问题分析：当JS文件放在head标签里中时，并且绑定了onclick事件，就出现了这个错误 原因： W3School中介绍浏览器先加载完按钮节点才执行JS，当浏览器自顶向下解析时，找不到onclick绑定的按钮节点了 如下面这个例子： <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-...
Cannot set properties of null (setting ‘onclick‘)问题解决方案
NEXT00的博客
02-01 1万+
Uncaught TypeError: Cannot set properties of null (setting 'onclick')
解析UncaughtTypeError: Cannot set property 'onclick' of null
最新发布
05-18
这个错误通常是因为 JavaScript 代码中尝试将 onclick 事件绑定到一个不存在的 HTML 元素上。...如果你仍然无法解决这个问题，你可以在代码中使用 console.log() 函数输出变量的值，从而找出代码中的错误。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值