Eine kleine Fehlersuche

Kann mir jemand sagen, wo hier der Fehler liegt?

<html>
<head>
    <title>Page Title</title>
</head>
<body>

<script>
        var hauptElement = document.getElementById("preUpload");
          //for (var i=0; i<fileList.length; i++) {
          var i =0;
          var unterElement = document.createElement("div");
          hauptElement.appendChild(unterElement);

        var para = document.createElement("div");
        var para1 = document.createElement("div");
        var para2 = document.createElement("div");
        unterElement.id = i;
        para.id = "fileName";
        para1.id = "fileSize";
        para2.id = "fileType";

        unterElement.appendChild(para);
        unterElement.appendChild(para1);
        unterElement.appendChild(para2);
        //}
</script>


<div id="preUpload">
</div>

</body>
</html>

Ich möchte hier gerne zur Uploadvorbereitung die Hochzuladenen
Dateien anzeigen lassen, dass passiert jedoch nicht(Es werden keine
Knoten produziert).

Ich bedanke mich schoneinmal im Vorraus

Dein Skript steht vor dem Div-Container „preUload“, der gefüllt werden soll. Du solltest die Reihenfolge ändern oder die Ausführung an einen Event-Handler knüpfen, damit es erst ausgeführt wird, wenn die Seite geladen ist.

Vielen Dank für die Antwort. Ich hatte bereits vor 2 Monaten das Problem gelöst. Ich habe leider keine Ahnung wie man hier Einträge als gelöst markiert.