`getElementById` 返回 null [重复]

一个案例document.getElementById返回null。我已经阅读了 SO 中的其他四个问题，并阅读了 MDN 上的参考资料，但我不知道出了什么问题；请帮我。代码如下：

HTML

<button id="btnButton1">Button1!</button><br>
<button id="btnButton2">Button2!</button><br>
<span id="spanOutPut"></span>

JavaScript

getBYid = function(elem) {
    return document.getElementById(elem); }

funButton1 = function() { getBYid('spanOutPut').innerHTML = "Button 1 pressed!!" };
funButton2 = function() { getBYid('spanOutPut').innerHTML = "Did you press the Button 2?!" };

getBYid("btnButton1").addEventListener('click', funButton1, false);
getBYid("btnButton2").addEventListener('click', funButton2, false);

I get a TypeError: getBYid(...) is null，关于FireBug。

当我简单地删除对的调用时它就起作用了addEventListener从 JS 并设置onclick内联，如以下代码所示：

<button onclick="funButton1()">Button1"</button>

有什么不同？

你必须在这些元素加载到 DOM 之后放置它