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

[Thomas Meinike]

Hallo,

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

Baue noch tbody ein.

// ein <span> mit der id test ist in der seite vorhanden
document.getElementById("test").appendChild(tabStr);
//------------------------------------------

Du moechtest ein table in ein span schachteln?

MfG, Thomas

[kanu]

HI

Baue noch tbody ein.

werd ich probieren.
tbody alleine darf aber nicht herum stehen,da brauch ich dann einen thead und tfoot auch oder ?

Du moechtest ein table in ein span schachteln?

das <span> ziel ist nur für das Beispiel

danke
GREETINGS
     -kanu