DOM操作原生js 的bug,使用jQuery 可以消除的解决方法

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中html字符串转化为jquery dom对象的方法
• jquery对象和javascript对象即DOM对象相互转换
• js/jQuery对象互转(快速操作dom元素)
• NodeJS使用jQuery选择器操作DOM
• JS、DOM和JQuery之间的关系示例分析
• js和jquery对dom节点的操作(创建/追加)
• 使用js dom和jquery分别实现简单增删改
• JavaScript对象之间的转换 jQuery对象和原声DOM
• JS/jQuery判断DOM节点是否存在的简单方法
• 原生JS和jQuery操作DOM对比总结