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

今天手寫了一個簡單的頁面做測試用，​​寫完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的細節問題，記錄一筆，以備後忘。