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 1.0.2
Oct 11 Javascript
Tinymce+jQuery.Validation使用产生的BUG
Mar 29 Javascript
汉化英文版的Dreamweaver CS5并自动提示jquery
Nov 25 Javascript
Mac/Windows下如何安装Node.js
Nov 22 Javascript
javascript 按键事件(兼容各浏览器)
Dec 20 Javascript
js实现连个数字相加而不是拼接的方法
Feb 23 Javascript
javascript跨域原因以及解决方案分享
Apr 08 Javascript
Vue form 表单提交+ajax异步请求+分页效果
Apr 22 Javascript
React Native之TextInput组件解析示例
Aug 22 Javascript
JavaScript中发出HTTP请求最常用的方法
Jul 12 Javascript
JavaScript实现图片放大镜效果
Jun 27 Javascript
vue项目实现减少app.js和vender.js的体积操作
Nov 12 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反向代理类代码
2014/08/15 PHP
php从memcache读取数据再批量写入mysql的方法
2014/12/29 PHP
jquery 模拟雅虎首页的点击对话框效果
2010/04/11 Javascript
Jquery中获取iframe的代码
2011/01/11 Javascript
JQuery DataTable删除行后的页面更新利用Ajax解决
2013/05/17 Javascript
js原生appendChild的bug解决心得分享
2013/07/01 Javascript
JQuery报错Uncaught TypeError: Illegal invocation的处理方法
2015/03/13 Javascript
跟我学习javascript的函数和函数表达式
2015/11/16 Javascript
深入理解JS正则表达式---分组
2016/07/18 Javascript
angular.js指令中transclude选项及ng-transclude指令详解
2017/05/24 Javascript
JavaScript反弹动画效果的实现代码
2017/07/13 Javascript
限时抢购-倒计时的完整实例(分享)
2017/09/17 Javascript
jQuery读取本地的json文件(实例讲解)
2017/10/31 jQuery
微信小程序Getuserinfo解决方案图解
2018/08/24 Javascript
JavaScript JSON数据处理全集(小结)
2019/08/15 Javascript
微信分享invalid signature签名错误踩过的坑
2020/04/11 Javascript
Python实现字符串与数组相互转换功能示例
2017/09/22 Python
13个最常用的Python深度学习库介绍
2017/10/28 Python
Python实现连接两个无规则列表后删除重复元素并升序排序的方法
2018/02/05 Python
python验证码识别教程之利用滴水算法分割图片
2018/06/05 Python
Flask框架Jinjia模板常用语法总结
2018/07/19 Python
Windows下python3.7安装教程
2018/07/31 Python
Python字符串内置函数功能与用法总结
2019/04/16 Python
pandas中的数据去重处理的实现方法
2020/02/10 Python
Python hashlib和hmac模块使用方法解析
2020/12/08 Python
美国马匹用品和骑马配件购物网站:Horse.com
2018/01/08 全球购物
乌克兰在线电子产品商店:MTA
2019/11/14 全球购物
如何高效率的查找一个月以内的数据
2012/04/15 面试题
JavaScript实现页面动态验证码的实现示例
2021/03/23 Javascript
房地产还款计划书
2014/01/10 职场文书
2014全国两会学习心得体会1000字
2014/03/10 职场文书
建筑安全员岗位职责
2014/03/13 职场文书
教师产假请假条范文
2014/04/10 职场文书
文明家庭先进事迹材料
2014/05/14 职场文书
2014年妇产科工作总结
2014/12/08 职场文书
2015年实习生工作总结报告
2015/04/28 职场文书