ctx: Array Elemente werden nicht ausgegeben HTML 4.01

Beitrag lesen

guten Abend,

zurSache:

  • Ich habe zwei Arrays mit undefinierten Index im onload erstellt und alle weiteren globalen
    variablen für die Funktionen.
  • ich will in einem Div-container erstellte Elemente eines Arrays ausgeben.
  • Die zwei Divs sind verschachtelt

Resultat:
im übergeordneten Div läuft alles glatt, Im untergeordneten nicht
Im DOM sind die erstellten elemente beider Arrays vorhanden aber nut der übergeordte Div-Container gibt es aus.

<html>  
	<head>  
		<script type="text/javascript">  
			window.onload = fncOnload;  
			function fncOnload() {  
				oberEbene = window.document.getElementById("oberEbene");  
				unterEbene = window.document.getElementById("unterEbene");  
				neuArray1 = new Array();  
				neuArray2 = new Array();  
				  
				aufruf();  
			}  
  
			function aufruf() {  
				for (var i = 0; i < 10; i++) {  
					neuArray1[i] = "<div class='element1'></div>";  
					oberEbene.innerHTML += neuArray1[i];  
					  
					neuArray2[i] = "<div class='element2'></div>";  
					unterEbene.innerHTML += neuArray2[i];  
				}  
			}  
		</script>  
	</head>  
	<body>  
		<div id="oberEbene">  
			<div id="unterEbene">  
				<!-- neuArray2 sollen hinzugefuegt werden -->  
			</div>  
			<!-- neueArray1 sollen hinzugefuegt werden -->  
		</div>  
	</body>  
</html>

Zur Info:
Soucecode-Auszug aus einem Projekt für HTML 4.1 / CSS 2.1 / JavaScript 1.6.
Für hilfe anregungen wäre ich sehr dankbar mit deren hilfe ich dieses Problem beseitigen kann.
grüße ctx