DOM操作原生js 的bug,使用jQuery 可以消除的解決方法
更新時間：2016年09月04日 09:14:10 投稿：jingxian
下面小編就為大家?guī)硪黄狣OM操作原生js 的bug,使用jQuery 可以消除的解決方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
js的 bug 類型： Uncaught TypeError：Cannot set/read property 'xxx' of null
在進行DOM操作的時候比較容易發(fā)生這個錯誤，比如：
1. document.getElementById('test1').style.display='none'
2. document.getElementById('test1').onclick=function(){/*相關(guān)代碼*/}
假如DOM中無此 test1對象，將會拋出上面的錯誤，發(fā)生這種錯誤后，代碼后面的模塊將會失去效果，這是比較頭疼的地方。
要解決這個bug可以用 try/catch 來消除，但是，try/catch 會帶來額外開銷。如果直接刪除，也是可以的，但如果這個js是個公共的，可能對其他頁面造成影響。今天無意中將上述代碼改成jQuery風(fēng)格后，bug解決。那么jQuery是如何解決的呢？是try/catch嗎？這就需要看看源碼了。
以上這篇DOM操作原生js 的bug,使用jQuery 可以消除的解決方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- javascript中html字符串轉(zhuǎn)化為jquery dom對象的方法
- jquery對象和javascript對象即DOM對象相互轉(zhuǎn)換
- js/jQuery對象互轉(zhuǎn)(快速操作dom元素)
- NodeJS使用jQuery選擇器操作DOM
- JS、DOM和JQuery之間的關(guān)系示例分析
- js和jquery對dom節(jié)點的操作(創(chuàng)建/追加)
- 使用js dom和jquery分別實現(xiàn)簡單增刪改
- JavaScript對象之間的轉(zhuǎn)換 jQuery對象和原聲DOM
- JS/jQuery判斷DOM節(jié)點是否存在的簡單方法
- 原生JS和jQuery操作DOM對比總結(jié)
相關(guān)文章
這篇文章主要介紹了JavaScript控制按鈕可用或不可用的方法,主要通過設(shè)置按鈕disabled屬性來實現(xiàn)這一功能,需要的朋友可以參考下2015-04-04
這篇文章主要給大家分享了十八個殺手級JavaScript單行代碼,這些單行代碼可以幫助你提高工作效率并可以幫助調(diào)試代碼,對大家學(xué)習(xí)或者使用JavaScript具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2021-10-10
當(dāng)頁面特別長的時候，用戶想回到頁面頂部，必須得滾動好幾次滾動鍵才能回到頂部，如果在頁面右下角有個“返回頂部”的按鈕，用戶點擊一下，就可以回到頂部，對于用戶來說，是一個比較好的體驗。2015-05-05
這篇文章主要介紹了JavaScript數(shù)組的使用方法，數(shù)組（Array）是有序的元素序列。若將有限個類型相同的變量的集合命名，那么這個名稱為數(shù)組名，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-07-07
這篇文章主要介紹了JS錨點的設(shè)置與使用方法,涉及javascript針對頁面元素屬性的簡單動態(tài)操作技巧,需要的朋友可以參考下2016-09-09
JavaScript 獲取/設(shè)置光標(biāo)位置,兼容Input&&TextArea
JavaScript 獲取/設(shè)置光標(biāo)位置,兼容Input&&TextArea：項目中遇到的問題，特此記錄。2011-01-01
解決layer.open彈出框不能獲取input框的值為空的問題
今天小編就為大家分享一篇解決layer.open彈出框不能獲取input框的值為空的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
js實現(xiàn)的四級左側(cè)網(wǎng)站分類菜單實例
這篇文章主要介紹了js實現(xiàn)的四級左側(cè)網(wǎng)站分類菜單,實例分析了javascript操作頁面元素實現(xiàn)tab切換的相關(guān)技巧,需要的朋友可以參考下2015-05-05
bootstrap datetimepicker日期插件使用方法
這篇文章主要為大家詳細介紹了bootstrap datetimepicker的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-01-01
本文是小編給大家日常收集整理的js中常見的10種錯誤，非常不錯，具有參考借鑒價值，需要的朋友參考下2017-01-01