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 相关文章推荐
JavaScript 定义function的三种方式小结
Oct 16 Javascript
jQuery UI 应用不同Theme的办法
Sep 12 Javascript
Javascript 加载和执行-性能提高篇
Dec 28 Javascript
引入autocomplete组件时JS报未结束字符串常量错误
Mar 19 Javascript
jQuery之Deferred对象详解
Sep 04 Javascript
使用jquery 简单实现下拉菜单
Jan 14 Javascript
JQuery中$.each 和$(selector).each()的区别详解
Mar 13 Javascript
jQuery插件实现静态HTML验证码校验
Nov 06 Javascript
封装属于自己的JS组件
Jan 27 Javascript
jquery根据td给相同tr下其他td赋值的实现方法
Oct 05 Javascript
引入外部js脚本加载慢与页面白屏问题的解决
Dec 10 Javascript
浅析vue-router实现原理及两种模式
Feb 11 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
PHP在字符断点处截断文字的实现代码
2011/04/21 PHP
linux环境apache多端口配置虚拟主机的方法深入介绍
2013/06/09 PHP
PHP流Streams、包装器wrapper概念与用法实例详解
2017/11/17 PHP
PHP依赖注入原理与用法分析
2018/08/21 PHP
window.onload 加载完毕的问题及解决方案(下)
2009/07/09 Javascript
js统计录入文本框中字符的个数并加以限制不超过多少
2014/05/23 Javascript
jquery阻止后续事件只执行第一个事件
2014/07/24 Javascript
javascript关于继承解析
2016/05/10 Javascript
JavaScript每天必学之事件
2016/09/18 Javascript
概述javascript在Google IE中的调试技巧
2016/11/24 Javascript
微信小程序 后台登录(非微信账号)实例详解
2017/03/31 Javascript
angularjs $http实现form表单提交示例
2017/06/09 Javascript
JS一个简单的注册页面实例
2017/09/05 Javascript
Vue实现动态创建和删除数据的方法
2018/03/17 Javascript
jQuery实现列表的增加和删除功能
2018/06/14 jQuery
vue实现购物车功能(商品分类)
2020/04/20 Javascript
vue中touch和click共存的解决方式
2020/07/28 Javascript
JavaScript Array.flat()函数用法解析
2020/09/02 Javascript
用Python的Django框架来制作一个RSS阅读器
2015/07/22 Python
windows下安装Python的XlsxWriter模块方法
2018/05/03 Python
python中dir()与__dict__属性的区别浅析
2018/12/10 Python
树莓派与PC端在局域网内运用python实现即时通讯
2019/06/22 Python
在django中自定义字段Field详解
2019/12/03 Python
Python爬虫爬取新闻资讯案例详解
2020/07/14 Python
Python爬虫Scrapy框架CrawlSpider原理及使用案例
2020/11/20 Python
Tarte Cosmetics官网:美国最受欢迎的化妆品公司之一
2017/08/24 全球购物
如何用Python输出一个Fibonacci数列
2016/08/28 面试题
高分子材料与工程专业推荐信
2013/12/01 职场文书
金融保险专业求职信
2014/09/03 职场文书
带香烟到学校抽的检讨书
2014/09/25 职场文书
2014年小学语文工作总结
2014/12/20 职场文书
交通事故和解协议书
2015/01/27 职场文书
工作时间调整通知
2015/04/24 职场文书
python中的plt.cm.Paired用法说明
2021/05/31 Python
python数字类型和占位符详情
2022/03/13 Python
《勇者辞职不干了》上卷BD发售宣传CM公开
2022/04/08 日漫