TypeError document.getElementById(...) is null錯(cuò)誤原因
今天手寫(xiě)了一個(gè)簡(jiǎn)單的頁(yè)面做測(cè)試用，寫(xiě)完js部分總是報(bào) TypeError document.getElementById(...) is null 這個(gè)錯(cuò)誤，代碼看了幾遍，語(yǔ)法上沒(méi)找著什么錯(cuò)誤，沒(méi)辦法，就在互聯(lián)網(wǎng)上搜索了一下，才發(fā)現(xiàn) document.getElementById 這個(gè)根據(jù)id找節(jié)點(diǎn)的語(yǔ)法寫(xiě)法還是有點(diǎn)講究的，具體如下：
（1）如果寫(xiě)在 id 所在節(jié)點(diǎn)的前面，比如 head 塊中，則要如下寫(xiě)法：
window.onload=function(){
......js代碼
}
以上代碼的意思是在html元素加載完后再運(yùn)行js
（2）寫(xiě)在 id 所在節(jié)點(diǎn)的后面，不然就會(huì)報(bào) TypeError: document.getElementById(...) is null 這種找不到節(jié)點(diǎn)的錯(cuò)誤。
jquery代碼寫(xiě)多了就容易忽視一些js的細(xì)節(jié)問(wèn)題，記錄一筆，以備后忘。
相關(guān)文章
我們經(jīng)常使用 window.onload 來(lái)處理頁(yè)面，當(dāng)頁(yè)面加載完成做一些事情。但這個(gè) window.onload 是頁(yè)面全部加載完成，甚至包括圖片,下面我們就來(lái)詳細(xì)探討下window.onload的用法2015-09-09
詳解webpack import()動(dòng)態(tài)加載模塊踩坑
這篇文章主要介紹了詳解webpack import()動(dòng)態(tài)加載模塊踩坑，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-07-07
JavaScript事件驅(qū)動(dòng)2008-08-08
這篇文章主要介紹了JS?連接MQTT的使用方法,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2023-01-01
JS控制網(wǎng)頁(yè)動(dòng)態(tài)生成任意行列數(shù)表格的方法
這篇文章主要介紹了JS控制網(wǎng)頁(yè)動(dòng)態(tài)生成任意行列數(shù)表格的方法,實(shí)例分析了javascript操作表格節(jié)點(diǎn)控制dom元素添加的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
簡(jiǎn)單實(shí)現(xiàn)js進(jìn)度條加載效果
這篇文章主要為大家詳細(xì)介紹了如何簡(jiǎn)單實(shí)現(xiàn)js進(jìn)度條加載效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-08-08
js導(dǎo)出table到excel同時(shí)兼容FF和IE示例
js導(dǎo)出table到excel，在百度可以搜索很多的方法，但是其兼容性是相當(dāng)差的，本文制定了一個(gè)可以同時(shí)兼容FF和IE的方法，感興趣的朋友可以參考下2013-09-09
如何將HTML字符轉(zhuǎn)換為DOM節(jié)點(diǎn)并動(dòng)態(tài)添加到文檔中詳解
這篇文章主要給大家介紹了關(guān)于如何將HTML字符轉(zhuǎn)換為DOM節(jié)點(diǎn)并動(dòng)態(tài)添加到文檔中的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起看看吧2018-08-08
上傳文件時(shí),選擇了文件后想清空文件路徑，經(jīng)搜索發(fā)現(xiàn)個(gè)不錯(cuò)的方法在此與大家分享下，感興趣的朋友不要錯(cuò)過(guò)2013-10-10
如何實(shí)現(xiàn)JavaScript動(dòng)態(tài)加載CSS和JS文件
這篇文章主要為大家詳細(xì)介紹了JavaScript動(dòng)態(tài)加載CSS和JS文件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2015-10-10