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(){/*相關代碼*/}
假如DOM中無此 test1對象，將會拋出上面的錯誤，發(fā)生這種錯誤后，代碼后面的模塊將會失去效果，這是比較頭疼的地方。
要解決這個bug可以用 try/catch 來消除，但是，try/catch 會帶來額外開銷。如果直接刪除，也是可以的，但如果這個js是個公共的，可能對其他頁面造成影響。今天無意中將上述代碼改成jQuery風格后，bug解決。那么jQuery是如何解決的呢？是try/catch嗎？這就需要看看源碼了。
以上這篇DOM操作原生js 的bug,使用jQuery 可以消除的解決方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了JavaScript控制按鈕可用或不可用的方法,主要通過設置按鈕disabled屬性來實現(xiàn)這一功能,需要的朋友可以參考下2015-04-04
這篇文章主要給大家分享了十八個殺手級JavaScript單行代碼,這些單行代碼可以幫助你提高工作效率并可以幫助調試代碼,對大家學習或者使用JavaScript具有一定的參考學習價值,需要的朋友可以參考下2021-10-10
當頁面特別長的時候，用戶想回到頁面頂部，必須得滾動好幾次滾動鍵才能回到頂部，如果在頁面右下角有個“返回頂部”的按鈕，用戶點擊一下，就可以回到頂部，對于用戶來說，是一個比較好的體驗。2015-05-05
這篇文章主要介紹了JavaScript數(shù)組的使用方法，數(shù)組（Array）是有序的元素序列。若將有限個類型相同的變量的集合命名，那么這個名稱為數(shù)組名，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-07-07
這篇文章主要介紹了JS錨點的設置與使用方法,涉及javascript針對頁面元素屬性的簡單動態(tài)操作技巧,需要的朋友可以參考下2016-09-09
JavaScript 獲取/設置光標位置,兼容Input&&TextArea
JavaScript 獲取/設置光標位置,兼容Input&&TextArea：項目中遇到的問題，特此記錄。2011-01-01
解決layer.open彈出框不能獲取input框的值為空的問題
今天小編就為大家分享一篇解決layer.open彈出框不能獲取input框的值為空的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要介紹了js實現(xiàn)的四級左側網站分類菜單,實例分析了javascript操作頁面元素實現(xiàn)tab切換的相關技巧,需要的朋友可以參考下2015-05-05
bootstrap datetimepicker日期插件使用方法
這篇文章主要為大家詳細介紹了bootstrap datetimepicker的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-01-01
本文是小編給大家日常收集整理的js中常見的10種錯誤，非常不錯，具有參考借鑒價值，需要的朋友參考下2017-01-01