Flos Buzzword-Bingo

Wenn man versucht, dynamisch nachgeladene Daten in eine Tabelle zu schreiben, kann man schnell am Internet Explorer verzweifeln. Im Firefox kann man auf seinen Firebug zurückgreifen, wenn jedoch der Aufruf nicht im IE funktioniert, wird es schwierig. Dies liegt daran, dass der IE in diesem Fall strenger ist, als seine Kollegen.

// Tabelle "holen"
objTabelle = document.getElementById("listeX");
 
// Zeile erstellen
objTR = document.createElement("tr");
objTR.appendChild(document.createElement("td"));
 
// Zeile an die Tabelle hängen
objTabelle.appendChild(objTR);

Zwar befinden sich die TRs im DOM der Tabelle, jedoch werden diese nicht angezeigt. Die Lösung ist denkbar einfach. Einfach anstatt in das table-tag zu schreiben, muss man in das tbody (bzw. thead oder tfoot) seine Zeilen einfügen:

// tbody seiner Tabelle holen
objTabellenBody = document.getElementById("listeXbody");
 
// Zeile erstellen
objTR = document.createElement("tr");
objTR.appendChild(document.createElement("td"));
 
// Zeile richtig in die Tabelle schreiben
objTabellenBody.appendChild(objTR);

Schützt die Tabelle! Nutzt div- und ul-Tags für Ihr Design.