Javascript `getElementById`返回null

document.getElementById

返回

null

的一种情况。我已经阅读了SO中的其他四个问题，并阅读了MDN上的参考资料，但我不知道出了什么问题；请帮帮我。代码如下：

HTML

我得到一个

类型错误：在FireBug上，getBYid（…）为null

当我从JS中删除对
addEventListener
的调用并设置
onclick
inline时，它就会工作，如下代码所示：

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

按钮1“

区别是什么？
在这些元素加载到DOM中之后，您必须将其放入DOM中
在这些元素加载到DOM中之后，您必须将其放入HTML中的按钮之前是Javascript吗？注意：我认为这只是一个输入错误，但第二个示例中的funButton1调用缺少括号。@Barmar，不，不是。这就是问题所在。@tomysshadow，ty代表这一点，但这是工作代码中的一个错误副本：）您的Javascript在HTML中的按钮之前吗？注意：我认为这只是一个输入错误，但在第二个示例中funButton1的调用缺少括号。@Barmar，不，不是。这是问题所在。@tomysshadow，ty代表这一点，但这一点是工作代码的一个错误副本：）谢谢你…我觉得很傻now@pewpew我在
init（）
中添加了所有监听器，并添加了
窗口。addEventListener（'load'，init）
谢谢你……我觉得太傻了now@pewpew我在
init（）
中添加了所有侦听器，并添加了
窗口
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);

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