Tabelle mit createElement erzeugen

[kanu]

Hi
hat es irgendjemand schon geschafft eine komplette tabelle mit document.createElement() zu erzeugen ?

//------------------------------------------
  var tabStr = document.createElement("table");

for ( var n = 0 ; n < 10 ; n++ ) {
      var trStr = document.createElement("tr");
      tabStr.appendChild(trStr);
      for ( var i = 0 ; i < 10 ; i++ ) {
          var tdStr = document.createElement("td");
          var tdTxt = document.createTextNode(i + "-" + n);
          tdStr.appendChild(tdTxt);
          trStr.appendChild(tdStr);
      }
 }
 // ein <span> mit der id test ist in der seite vorhanden
 document.getElementById("test").appendChild(tabStr);
//------------------------------------------

Wenn ich mir nach der Erzeugung den outerHTML von "test" ausgeben lasse ist der Baum korrekt zusammengebaut aber dargestellt wir er halt nicht.
Ich finde keinen Fehler im Code, und wenn ich statt <table/tr/td>'s <span>'s erzeuge funktioniert das auch.

Eine eventuelle Lösung wäre den tabStr über
//---
 document.write (tabStr.outerHTML);
//---
auszugeben, aber das muß doch auch anders gehen.

freue mich über Tips

GREETINGS
     -kanu