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 相关文章推荐
Dom加载让图片加载完再执行的脚本代码
May 15 Javascript
基于jQuery的左右滚动实现代码
Dec 03 Javascript
javascript禁用Tab键脚本实例
Nov 22 Javascript
用Javascript获取页面元素的具体位置
Dec 09 Javascript
js面向对象之静态方法和静态属性实例分析
Jan 10 Javascript
flash+jQuery实现可关闭及重复播放的压顶广告
Apr 15 Javascript
JS实现窗口加载时模拟鼠标移动的方法
Jun 03 Javascript
JS版元素周期表实现方法
Aug 05 Javascript
JavaScript实现获取某个元素相邻兄弟节点的prev与next方法
Jan 25 Javascript
JS删除数组里的某个元素方法
Feb 03 Javascript
Node绑定全局TraceID的实现方法
Nov 14 Javascript
javascript事件循环event loop的简单模型解释与应用分析
Mar 14 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+jQuery 注册模块开发详解
2014/10/14 PHP
PhpStorm terminal无法输入命令的解决方法
2016/10/09 PHP
Javascript异步表单提交,图片上传,兼容异步模拟ajax技术
2010/05/10 Javascript
深入理解JavaScript系列(11) 执行上下文(Execution Contexts)
2012/01/15 Javascript
javascript history对象(历史记录)使用方法(实现浏览器前进后退)
2014/01/07 Javascript
js防止页面被iframe调用的方法
2014/10/30 Javascript
jQuery监控文本框事件并作相应处理的方法
2015/04/16 Javascript
JQuery中DOM事件绑定用法详解
2015/06/13 Javascript
分离与继承的思想实现图片上传后的预览功能:ImageUploadView
2016/04/07 Javascript
node.js实现快速截图
2016/08/27 Javascript
knockoutjs动态加载外部的file作为component中的template数据源的实现方法
2016/09/01 Javascript
微信小程序 LOL 英雄介绍开发实例
2016/09/30 Javascript
微信小程序 toast 详解及实例代码
2016/11/09 Javascript
JavaScript实现同一个页面打开多张图片
2016/12/29 Javascript
详解Node.js实现301、302重定向服务
2017/04/07 Javascript
详解vue-cli快速构建vue应用并实现webpack打包
2017/12/13 Javascript
JavaScript中的连续赋值问题实例分析
2019/07/12 Javascript
Vue.js watch监视属性知识点总结
2019/11/11 Javascript
JavaScript常用工具函数库汇总
2020/09/17 Javascript
Python实现购物程序思路及代码
2017/07/24 Python
python虚拟环境完美部署教程
2019/08/06 Python
详解Python 循环嵌套
2020/07/09 Python
美国派对用品及装饰品网上商店:Shindigz
2016/07/30 全球购物
Wolford法国官网:奥地利奢侈内衣品牌
2020/08/11 全球购物
回门宴答谢词
2014/01/13 职场文书
学生拾金不昧表扬信
2014/01/21 职场文书
会计核算科岗位职责
2014/03/19 职场文书
土木工程专业本科生求职信
2014/10/01 职场文书
停课通知书
2015/04/24 职场文书
学校元旦晚会开场白
2015/05/29 职场文书
先进教师个人主要事迹材料
2015/11/03 职场文书
pytorch 两个GPU同时训练的解决方案
2021/06/01 Python
mysql 带多个条件的查询方式
2021/06/05 MySQL
Windows环境下实现批量执行Sql文件
2021/10/05 SQL Server
Python使用MapReduce进行简单的销售统计
2022/04/22 Python
Android实现图片九宫格
2022/06/28 Java/Android