На этот вопрос уже есть ответ здесь:

Случай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);

Я получаюTypeError: getBYid(...) is null, на FireBug.

Это работает, когда я просто удаляю звонкиaddEventListener от JS и установитьonclick встроенный, как в следующем коде:

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

В чем разница?