DOM操作原生js 的bug,使用jQuery 可以消除的解決方法
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中無(wú)此 test1對(duì)象，將會(huì)拋出上面的錯(cuò)誤，發(fā)生這種錯(cuò)誤后，代碼后面的模塊將會(huì)失去效果，這是比較頭疼的地方。
要解決這個(gè)bug可以用 try/catch 來(lái)消除，但是，try/catch 會(huì)帶來(lái)額外開銷。如果直接刪除，也是可以的，但如果這個(gè)js是個(gè)公共的，可能對(duì)其他頁(yè)面造成影響。今天無(wú)意中將上述代碼改成jQuery風(fēng)格后，bug解決。那么jQuery是如何解決的呢？是try/catch嗎？這就需要看看源碼了。
以上這篇DOM操作原生js 的bug,使用jQuery 可以消除的解決方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
- javascript中html字符串轉(zhuǎn)化為jquery dom對(duì)象的方法
- jquery對(duì)象和javascript對(duì)象即DOM對(duì)象相互轉(zhuǎn)換
- js/jQuery對(duì)象互轉(zhuǎn)(快速操作dom元素)
- NodeJS使用jQuery選擇器操作DOM
- JS、DOM和JQuery之間的關(guān)系示例分析
- js和jquery對(duì)dom節(jié)點(diǎn)的操作(創(chuàng)建/追加)
- 使用js dom和jquery分別實(shí)現(xiàn)簡(jiǎn)單增刪改
- JavaScript對(duì)象之間的轉(zhuǎn)換 jQuery對(duì)象和原聲DOM
- JS/jQuery判斷DOM節(jié)點(diǎn)是否存在的簡(jiǎn)單方法
- 原生JS和jQuery操作DOM對(duì)比總結(jié)
相關(guān)文章
javascript中l(wèi)ayim之查找好友查找群組
這篇文章主要介紹了javascript中l(wèi)ayim之查找好友查找群組,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2021-02-02
你可能不需要在JavaScript使用switch語(yǔ)句
這篇文章主要介紹了你可能不需要在JavaScript使用switch語(yǔ)句，對(duì)switch性能感興趣的同學(xué)，可以參考下2021-04-04
這篇文章介紹了GUID的幾種生成算法，有需要的朋友可以參考一下2013-08-08
JS獲取后臺(tái)Cookies值的小例子，需要的朋友可以參考一下2013-03-03
js 靜態(tài)動(dòng)態(tài)成員 and 信息的封裝和隱藏
一下用面向?qū)ο蟮南嚓P(guān)概念來(lái)解釋js中的仿面向?qū)ο?，因?yàn)閖s中不像其他語(yǔ)言，不存在面向?qū)ο笳Z(yǔ)言的相關(guān)特性2011-05-05
下面小編就為大家?guī)?lái)一篇js從外部獲取圖片的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的， 現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2016-08-08
這篇文章主要介紹了微信小程序?qū)嵱么a段，代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-12-12
這篇文章主要為大家介紹了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
這篇文章主要為大家詳細(xì)介紹了javascript正則replace的使用方法，感興趣的朋友可以參考一下2016-03-03