Diese Frage hat hier bereits eine Antwort:

Ein Fall vondocument.getElementById zurückkehrennull. Ich habe vier weitere Fragen in SO gelesen und den Verweis auf MDN gelesen, aber ich habe keine Ahnung, was falsch ist. Bitte hilf mir. Der Code lautet wie folgt:

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);

Ich bekomme einTypeError: getBYid(...) is nullauf FireBug.

Es funktioniert, wenn ich einfach die Anrufe entferneaddEventListener von der JS und setzenonclick Inline, wie im folgenden Code:

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

Was ist der Unterschied?