Otsche: Ich suche den Fehler appendChild....

Beitrag lesen

Hallo, ich will eine Tabelle, mit 4x+1 zeilen und 4x+1 spalten erstellen, habe nun eine weile experimentiert und bekomme keine Fehlermeldung mehr, habe aber immer noch keine Tabelle, weiß nicht was falsch ist. Wichtig ist, dass ich im Nachhinein jedes <td> der Tabelle in einem array mit laufender nummer habe, wobei breite(anzahl der Spalten) und hohe(Anzahl der Reihen) der Tabelle veränderbar bleiben sollte (eben immer werte der Funktion f(x)=4x+1. Das erste <td> der Tabelle oben links sollte also über das array mit [0] ansprechbar sein, das zweite mit [1] usw... Was ist falsch:

<script language="JavaScript">
<!--
///////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////ERKLÄRUNG -- ERKLÄRUNG -- ERKLÄRUNG -- ERKLÄRUNG -- ERKLÄRUNG -- ERKLÄRUNG //////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////

var hohe;
hohe=25; //(4x+1)
var breite;
breite=25; //(4x+1)
var produkt;
produkt=hohe*breite

var laufen1, laufen2;
laufen1=0;
laufen2=0;
var tablerow=new Array();
var tablecoll= new Array();
var texte= new Array();

////Klassen abrufbar für css Datei deklarieren////
var Klasse= new Array();
    Klasse[0]=document.createAttribute("class");
    Klasse[0].nodeValue="Atom";
    Klasse[1]=document.createAttribute("class");
    Klasse[1].nodeValue="Bindung";

//var tabellenname;
//tabellenname=document.getElementById("Baufeld");

while(laufen1<produkt)
{   if(laufen1%breite==0)
    {tablerow[laufen2]=document.createElement("tr");
    document.getElementById("Baufeld").appendChild(tablerow[laufen2]);
    laufen2++;}

tablecoll[laufen1]=document.createElement("td");
//tablecoll[laufen1].setAttributeNode(Klasse[laufen1%2]);
    texte[laufen1]=document.createTextNode["lol"];
    tablecoll[laufen1].appendChild(texte[laufen1]);
    tablerow[laufen2].appendChild(tablecoll[laufen1]);
    laufen1++;
}

//-->
</script>

<table id=Baufeld>

Und noch eine Frage: Warum funktioniert diese ausgeklammerte Zeile nicht? Habe kaum Ahnung, hab mich nur an selfhtmlgehalten.

tablecoll[laufen1]=document.createElement("td");
//tablecoll[laufen1].setAttributeNode(Klasse[laufen1%2]);