首頁 > web前端 > js教程 > TypeError document.getElementById(...) is null錯誤原因_javascript技巧

TypeError document.getElementById(...) is null錯誤原因_javascript技巧

WBOY
發布: 2016-05-16 15:58:38
原創
1764 人瀏覽過

今天手寫了一個簡單的頁面做測試用,​​寫完js部分總是報TypeError document.getElementById(...) is null 這個錯誤,程式碼看了幾遍,語法上沒找什麼錯誤,沒辦法,就在網路上搜尋了一下,才發現document.getElementById 這個根據id找節點的語法寫法還是有點講究的,具體如下:

(1)如果寫在 id 所在節點的前面,例如 head 區塊中,則要如下寫法:

複製程式碼 程式碼如下:

window.onload=function(){
 ......js程式碼
}

以上程式碼的意思是html元素載入完後再執行js

(2)寫在 id 所在節點的後面,不然就會報 TypeError: document.getElementById(...) is null 這種找不到節點的錯誤。

jquery程式碼寫多了就容易忽略一些js的細節問題,記錄一筆,以備後忘。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板