TypeError document.getElementById(...) is null錯誤原因
更新時間：2015年05月18日 10:31:23 投稿：junjie
這篇文章主要介紹了TypeError document.getElementById(...) is null錯誤原因,這是很容易犯的一個低級錯誤,需要的朋友可以參考下
今天手寫了一個簡單的頁面做測試用，寫完js部分總是報 TypeError document.getElementById(...) is null 這個錯誤，代碼看了幾遍，語法上沒找著什么錯誤，沒辦法，就在互聯(lián)網(wǎng)上搜索了一下，才發(fā)現(xiàn) document.getElementById 這個根據(jù)id找節(jié)點的語法寫法還是有點講究的，具體如下：
（1）如果寫在 id 所在節(jié)點的前面，比如 head 塊中，則要如下寫法：
復制代碼 代碼如下:
window.onload=function(){
......js代碼
}
以上代碼的意思是在html元素加載完后再運行js
（2）寫在 id 所在節(jié)點的后面，不然就會報 TypeError: document.getElementById(...) is null 這種找不到節(jié)點的錯誤。
jquery代碼寫多了就容易忽視一些js的細節(jié)問題，記錄一筆，以備后忘。
相關文章
bootstrapValidator.min.js表單驗證插件
這篇文章主要為大家詳細介紹了bootstrapValidator.min.js表單驗證插件的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
對于document.compatMode，很多朋友可能都根我一樣很少接觸，知道他的存在卻不清楚他的用途。2009-05-05
微信小程序如何調用新聞接口實現(xiàn)列表循環(huán)
這篇文章主要介紹了微信小程序如何調用新聞接口實現(xiàn)列表循環(huán),文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-07-07
判斷當前使用的是那個瀏覽器及瀏覽器的那個版本，根據(jù)瀏覽器版本來調整CSS的樣式，下面是獲取當前瀏覽器的代碼,需要的朋友可以參考下2014-06-06
這篇文章主要介紹了一次讓你了解全部JavaScript的作用域,作用域決定了變量的生命周期和可見性，變量在作用域范圍之外是不可見的。,需要的朋友可以參考下2019-06-06
盡管 JavaScript 歷史上使用冗長而令人生厭的代碼塊來標的特定瀏覽器的時期已經(jīng)結束了，但是偶爾使用一些簡單的代碼塊和對象檢測來確保一些代碼在用戶機器上正常工作依然是必要的。2009-05-05
在前端開發(fā)中，我們經(jīng)常需要在不同的組件或類之間共享功能代碼，Mixin提供了一種非常靈活的方式，可以讓我們在不破壞繼承關系的前提下，將功能代碼復用到多個對象中，文章通過代碼示例介紹mixin提升代碼復用性的方法和好處,需要的朋友可以參考下2023-06-06
location.search在客戶端獲取Url參數(shù)的方法
最近一直在寫html，剛接觸到，感覺挺復雜的。。比如傳參，在.net里可以直接用Request接受，而在html中還要經(jīng)過處理，找了一些資料，寫了個方法。2010-06-06
通過本文帶領大家一起重新理解JavaScript的六種繼承方式,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-03-03
現(xiàn)在純粹用js的人越來越少了，更多的人喜歡jquery，可使我還是喜歡javascript，下面給出一個用javascript寫的背景切換的小例子，各位大蝦不要罵，只是寫給自己看的，也供js事件的產考依據(jù)。2010-11-11