addEventListener在第二次调用时返回null

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加载之前启动的，因此我使用了window.onload = function（），以确保在我尝试触摸任何内容之前加载了所有内容。这有效！

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