DOM操作原生js 的bug,使用jQuery 可以消除的解决方法


Posted in Javascript onSeptember 04, 2016

js的 bug 类型:  Uncaught TypeError:Cannot set/read property 'xxx' of null

在进行DOM操作的时候比较容易发生这个错误,比如:

1.  document.getElementById('test1').style.display='none'

2.  document.getElementById('test1').onclick=function(){/*相关代码*/}

假如DOM中无此 test1对象,将会抛出上面的错误,发生这种错误后,代码后面的模块将会失去效果,这是比较头疼的地方。

要解决这个bug可以用 try/catch 来消除,但是,try/catch 会带来额外开销。如果直接删除,也是可以的,但如果这个js是个公共的,可能对其他页面造成影响。今天无意中将上述代码改成jQuery风格后,bug解决。那么jQuery是如何解决的呢?是try/catch吗?这就需要看看源码了。

以上这篇DOM操作原生js 的bug,使用jQuery 可以消除的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Jquery实战_读书笔记2 选择器
Jan 22 Javascript
JS 类型转换常见方法小结
May 31 Javascript
Extjs优化(二)Form表单提交通用实现
Apr 15 Javascript
jQuery插件Validate实现自定义表单验证
Jan 18 Javascript
ClearTimeout消除闪动实例代码
Feb 29 Javascript
js小数计算小数点后显示多位小数的实现方法
May 30 Javascript
JS实现加载和读取XML文件的方法详解
Apr 24 Javascript
利用JavaScript的%做隔行换色的实例
Nov 25 Javascript
微信小程序用户信息encryptedData详解
Aug 24 Javascript
基于Vue组件化的日期联动选择器功能的实现代码
Nov 30 Javascript
一文快速详解前端框架 Vue 最强大的功能
May 21 Javascript
vue监听用户输入和点击功能
Sep 27 Javascript
每个程序员都需要学习 JavaScript 的7个理由小结
Sep 03 #Javascript
JavaScript 冒泡排序和选择排序的实现代码
Sep 03 #Javascript
浅析$(function) ready和onload 的区别
Sep 03 #Javascript
详解Javascript中prototype属性(推荐)
Sep 03 #Javascript
jQuery基本选择器之标签名选择器
Sep 03 #Javascript
基于JS实现回到页面顶部的五种写法(从实现到增强)
Sep 03 #Javascript
jQuery dataTables与jQuery UI 对话框dialog的使用教程
Sep 02 #Javascript
You might like
教你如何把一篇文章按要求分段
2006/10/09 PHP
php多次include后导致全局变量global失效的解决方法
2015/02/28 PHP
PHP输出日历表代码实例
2015/03/27 PHP
Yii框架上传图片用法总结
2016/03/28 PHP
tp5.1 框架查询表达式用法详解
2020/05/25 PHP
javascript十个最常用的自定义函数(中文版)
2009/09/07 Javascript
Ajax 数据请求的简单分析
2011/04/05 Javascript
javaScript面向对象继承方法经典实现
2013/08/20 Javascript
从数据库读取数据后将其输出成html标签的三种方法
2014/10/13 Javascript
jQuery中delegate()方法用法实例
2015/01/19 Javascript
js简单的点击返回顶部效果实现方法
2015/04/10 Javascript
jquery操作angularjs对象
2015/06/26 Javascript
纯jquery实现模仿淘宝购物车结算
2015/08/20 Javascript
jQuery实现简单的图片查看器
2020/09/11 Javascript
javascript 中null和undefined区分和比较
2017/04/19 Javascript
简单谈谈原生js的math对象
2017/06/27 Javascript
ztree简介_动力节点Java学院整理
2017/07/19 Javascript
微信小程序 按钮滑动的实现方法
2017/09/27 Javascript
vue底部加载更多的实例代码
2018/06/29 Javascript
JS将时间秒转换成天小时分钟秒的字符串
2019/07/10 Javascript
解决vue一个页面中复用同一个echarts组件的问题
2020/07/19 Javascript
在vue中实现禁止回退上一步,路由不存历史记录
2020/07/22 Javascript
[38:32]完美世界DOTA2联赛循环赛 Forest vs DM 第二场 11.06
2020/11/06 DOTA
DataFrame中的object转换成float的方法
2018/04/10 Python
使用pandas读取csv文件的指定列方法
2018/04/21 Python
对python中的高效迭代器函数详解
2018/10/18 Python
python爬取百度贴吧前1000页内容(requests库面向对象思想实现)
2019/08/10 Python
Python requests获取网页常用方法解析
2020/02/20 Python
python正则表达式re.match()匹配多个字符方法的实现
2021/01/27 Python
一款纯css3实现的圆形旋转分享按钮旋转角度可自己调整
2014/09/02 HTML / CSS
美国椅子和沙发制造商:La-Z-Boy
2020/10/25 全球购物
2014大学辅导员工作总结
2014/12/02 职场文书
2015年小学远程教育工作总结
2015/07/28 职场文书
2016年班主任培训心得体会
2016/01/07 职场文书
全家福照片寄语怎么写?
2019/04/02 职场文书
Python 数据可视化之Seaborn详解
2021/11/02 Python