1. 云栖社区>
  2. >
  3. 正文

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

作者:用户 来源:互联网 时间:2016-09-04 13:14:59

原生js操作dom

DOM操作原生js 的bug,使用jQuery 可以消除的解决方法_javascript技巧 - 摘要: 本文讲的是DOM操作原生js 的bug,使用jQuery 可以消除的解决方法_javascript技巧, js的 bug 类型:  Uncaught TypeError:Cannot set/read property 'xxx' of null 在进行DOM操作的时候比较容易发生这个错误,比如: 1.  document.getElemen

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 可以消除的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持云栖社区。

以上是云栖社区小编为您精心准备的的内容,在云栖社区的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索原生js操作dom 原生dom操作、原生js操作dom、原生dom事件、原生js dom、原生js获取dom宽度,以便于您获取更多的相关知识。