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.