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

更新時(shí)間：2016年09月04日 09:14:10 投稿：jingxian

下面小編就為大家?guī)硪黄狣OM操作原生js 的bug,使用jQuery 可以消除的解決方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧

js的 bug 類型： Uncaught TypeError：Cannot set/read property 'xxx' of null

在進(jìn)行DOM操作的時(shí)候比較容易發(fā)生這個(gè)錯(cuò)誤，比如：

1. document.getElementById('test1').style.display='none'

2. document.getElementById('test1').onclick=function(){/*相關(guān)代碼*/}

假如DOM中無此 test1對(duì)象，將會(huì)拋出上面的錯(cuò)誤，發(fā)生這種錯(cuò)誤后，代碼后面的模塊將會(huì)失去效果，這是比較頭疼的地方。

要解決這個(gè)bug可以用 try/catch 來消除，但是，try/catch 會(huì)帶來額外開銷。如果直接刪除，也是可以的，但如果這個(gè)js是個(gè)公共的，可能對(duì)其他頁面造成影響。今天無意中將上述代碼改成jQuery風(fēng)格后，bug解決。那么jQuery是如何解決的呢？是try/catch嗎？這就需要看看源碼了。

以上這篇DOM操作原生js 的bug,使用jQuery 可以消除的解決方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

javascript中l(wèi)ayim之查找好友查找群組
這篇文章主要介紹了javascript中l(wèi)ayim之查找好友查找群組,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2021-02-02
你可能不需要在JavaScript使用switch語句
這篇文章主要介紹了你可能不需要在JavaScript使用switch語句，對(duì)switch性能感興趣的同學(xué)，可以參考下
2021-04-04
JavaScript生成GUID的多種算法小結(jié)
這篇文章介紹了GUID的幾種生成算法，有需要的朋友可以參考一下
2013-08-08
JS獲取后臺(tái)Cookies值的小例子
JS獲取后臺(tái)Cookies值的小例子，需要的朋友可以參考一下
2013-03-03
js 靜態(tài)動(dòng)態(tài)成員 and 信息的封裝和隱藏
一下用面向?qū)ο蟮南嚓P(guān)概念來解釋js中的仿面向?qū)ο?，因?yàn)閖s中不像其他語言，不存在面向?qū)ο笳Z言的相關(guān)特性
2011-05-05
js從外部獲取圖片的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄猨s從外部獲取圖片的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-08-08
微信小程序?qū)嵱么a段(收藏版)
這篇文章主要介紹了微信小程序?qū)嵱么a段，代碼簡單易懂，非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2019-12-12
一文詳解Web Audi 繪制音頻圖譜
這篇文章主要為大家介紹了Web Audi 繪制音頻圖譜實(shí)現(xiàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-03-03
普通web整合quartz跑定時(shí)任務(wù)的示例
這篇文章主要介紹了普通web整合quartz跑定時(shí)任務(wù),本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2022-03-03
詳解JS正則replace的使用方法
這篇文章主要為大家詳細(xì)介紹了javascript正則replace的使用方法，感興趣的朋友可以參考一下
2016-03-03