第二次调用时返回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（），以确保在我尝试触摸任何东西之前加载的所有内容。这工作！

不知道为什么第一个事件会起作用，但第二个事件不会。很奇怪。