第二次調用時返回null的addEventListener

Question

我試圖創建一個點擊後發生的事件，確實如此這般。我曾經這樣做過成功，但第二次失敗了。這裏是我的代碼：

//Works 
var runButton = document.getElementById('run-button'); 
runButton.addEventListener('click', doWork, false); 

//Doesn't work 
var changBeatButton = document.getElementById('changebeat-button'); 
changBeatButton.addEventListener('click', changeBeat, false); 

我得到在Chrome的調試程序的錯誤是：

Answer 1

有人向我指出，也許事件的DOM之前啓動加載的，所以我使用的窗口.onload = function（），以確保在我嘗試觸摸任何東西之前加載的所有內容。這工作！

不知道爲什麼第一個事件會起作用，但第二個事件不會。很奇怪。