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 网页跳转的方法
Dec 24 Javascript
TBCompressor js代码压缩
Jan 05 Javascript
修改file按钮的默认样式实现代码
Apr 23 Javascript
node.js中的buffer.length方法使用说明
Dec 14 Javascript
jQuery使用之处理页面元素用法实例
Jan 19 Javascript
js使用DOM操作实现简单留言板的方法
Apr 10 Javascript
深入理解JavaScript中的对象
Jun 04 Javascript
javascript使用递归算法求两个数字组合功能示例
Jan 03 Javascript
AngularJS 异步解决实现方法
Jun 12 Javascript
jQuery 实现左右两侧菜单添加、移除功能
Jan 02 jQuery
JS实现的Object数组去重功能示例【数组成员为Object对象】
Feb 01 Javascript
JavaScript HTML DOM元素 节点操作汇总
Jul 29 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
分页显示Oracle数据库记录的类之二
2006/10/09 PHP
PHP5多态性与动态绑定介绍
2015/04/03 PHP
php函数连续调用实例分析
2015/07/30 PHP
如何使用Gitblog和Markdown建自己的博客
2015/07/31 PHP
大家须知简单的php性能优化注意点
2016/01/04 PHP
javascript String 的扩展方法集合
2008/06/01 Javascript
JQuery1.4+ Ajax IE8 内存泄漏问题
2010/10/15 Javascript
jQuery实现tag便签去重效果的方法
2015/01/20 Javascript
js实现新年倒计时效果
2015/12/10 Javascript
详解React-Todos入门例子
2016/11/08 Javascript
JavaScript制作弹出层效果
2016/12/02 Javascript
JS重载实现方法分析
2016/12/16 Javascript
javaScript手机号码校验工具类PhoneUtils详解
2017/12/08 Javascript
vue 子组件向父组件传值方法
2018/02/26 Javascript
JS中用EL表达式获取上下文参数值的方法
2018/03/28 Javascript
关于在vue 中使用百度ueEditor编辑器的方法实例代码
2018/09/14 Javascript
Vue通过for循环随机生成不同的颜色或随机数的实例
2019/11/09 Javascript
uniapp实现横向滚动选择日期
2020/10/21 Javascript
python中lambda函数 list comprehension 和 zip函数使用指南
2014/09/28 Python
Python中的匿名函数使用简介
2015/04/27 Python
编写Python脚本抓取网络小说来制作自己的阅读器
2015/08/20 Python
python高手之路python处理excel文件(方法汇总)
2016/01/07 Python
python记录程序运行时间的三种方法
2017/07/14 Python
python变量命名的7条建议
2019/07/04 Python
详解Django配置优化方法
2019/11/18 Python
Keras实现将两个模型连接到一起
2020/05/23 Python
Python和Bash结合在一起的方法
2020/11/13 Python
意大利婴儿产品网上商店:Mukako
2018/10/14 全球购物
历史学专业大学生找工作的自我评价
2013/10/16 职场文书
商务代表岗位职责
2015/02/15 职场文书
大学生读书笔记大全
2015/07/01 职场文书
如何写新闻稿
2015/07/18 职场文书
教师节祝酒词
2015/08/11 职场文书
社区服务活动感想
2015/08/11 职场文书
关于感恩的作文
2019/08/26 职场文书
一文搞懂Python Sklearn库使用
2021/08/23 Python