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 相关文章推荐
innerText和innerHTML 一些问题分析
May 18 Javascript
JavaScript DOM 学习第七章 表单的扩展
Feb 19 Javascript
javascript获取网页中指定节点的父节点、子节点的方法小结
Apr 24 Javascript
探讨JavaScript中声明全局变量三种方式的异同
Dec 03 Javascript
ES6概念 ymbol.for()方法
Dec 25 Javascript
BootstrapValidator实现注册校验和登录错误提示效果
Mar 10 Javascript
使用JS动态显示文本
Sep 09 Javascript
javaScript中的空值和假值
Dec 18 Javascript
微信小程序实现图片上传功能
May 28 Javascript
微信小程序 云开发模糊查询实现解析
Sep 02 Javascript
vue中input的v-model清空操作
Sep 06 Javascript
vue动态禁用控件绑定disable的例子
Oct 28 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之uniqid()函数用法
2014/11/03 PHP
php获取指定日期之间的各个周和月的起止时间
2014/11/24 PHP
PHP树形结构tree类用法示例
2019/02/01 PHP
ThinkPHP 5.1 跨域配置方法
2019/10/11 PHP
PHP设计模式概论【概念、分类、原则等】
2020/05/01 PHP
jquery让指定的元素闪烁显示的方法
2015/03/17 Javascript
js滚动条平滑移动示例代码
2016/03/29 Javascript
js仿QQ中对联系人向左滑动、滑出删除按钮的操作
2016/04/07 Javascript
3种不同的ContextMenu右键菜单实现代码
2016/11/03 Javascript
深入理解在JS中通过四种设置事件处理程序的方法
2017/03/02 Javascript
Vuex之理解Getters的用法实例
2017/04/19 Javascript
JavaScript设计模式之代理模式详解
2017/06/09 Javascript
mui开发中获取单选按钮、复选框的值(实例讲解)
2017/07/24 Javascript
详解如何使用router-link对象方式传递参数?
2019/05/02 Javascript
ES6 let和const定义变量与常量的应用实例分析
2019/06/27 Javascript
非常实用的jQuery代码段集锦【检测浏览器、滚动、复制、淡入淡出等】
2019/08/08 jQuery
JavaScript实现动态留言板
2020/03/16 Javascript
python常见排序算法基础教程
2017/04/13 Python
python中将函数赋值给变量时需要注意的一些问题
2017/08/18 Python
python3 判断列表是一个空列表的方法
2018/05/04 Python
Python3使用SMTP发送带附件邮件
2020/06/16 Python
python实现Zabbix-API监控
2018/09/17 Python
Python基于Logistic回归建模计算某银行在降低贷款拖欠率的数据示例
2019/01/23 Python
Django生成PDF文档显示在网页上以及解决PDF中文显示乱码的问题
2019/07/04 Python
python中的colorlog库使用详解
2019/07/05 Python
在pycharm中配置Anaconda以及pip源配置详解
2019/09/09 Python
Python编程快速上手——strip()函数的正则表达式实现方法分析
2020/02/29 Python
win10从零安装配置pytorch全过程图文详解
2020/05/08 Python
详解CSS3的box-shadow属性制作边框阴影效果的方法
2016/05/10 HTML / CSS
运动会表扬稿大全
2014/01/16 职场文书
个人四风问题原因分析及整改措施
2014/09/28 职场文书
事业单位个人查摆问题及整改措施
2014/10/28 职场文书
个人年终总结开头
2015/03/06 职场文书
写作技巧:如何撰写商业计划书
2019/08/08 职场文书
2019年鼓励无偿献血倡议书
2019/09/17 职场文书
python数字图像处理之图像自动阈值分割示例
2022/06/28 Python