Dann jage mal das hier durch den Debugger:
<doctype html>
<html>
    <body>
        <span id="test"><span>A: </span><span>B: </span></span>
        <script>
            var test;
            var t=document.getElementById('test');
            t.firstChild.innerHTML += "2 "; t.childNodes[1].innerHTML += "1";
            test.firstChild.innerHTML += "C "; test.childNodes[1].innerHTML += "D";
        </script>
    </body>
</html>
Der meldet:
TypeError: test is undefined
Fazit:
Wenn Du oder ein Skript eines anderen, Variablen verwendest, die zufällig so heißen wie die Elemente "benamt" sind, dann ist die Herrlichkeit vorbei.