Table an TD über DOM anhängen im IE

[Chris]

Hi,

ich versuche grade, eine vorgegebene Tabelle dynamisch zu verändern.

Ich möchte zunächst nach der ersten Zeile eine weitere Zeile einfügen, und diese soll im 2. TD ein Colspan über die restlichen Spalten haben.
Das klappt soweit gut.

Nun möchte ich dieser 2.TD jedoch noch eine Tabelle anhängen, die auch vom Javascript vorher generiert wird (mit document.create("table)).

Im Firefox klappt es auch wunderbar, nur im IE mal wieder nicht.

Hat jemand eine Idee, wonach ich mal schauen könnte?

Hier mein Code:

..................................
function AddElement(ThisElement,Versions)
{
 switch(ThisElement)
 {
  case "ButtonSelektorsTop":
    /*GenerateButtons();*/
    var ButtonRowTop = document.getElementById("MDBTable").insertRow(1);
    var TD1 = document.createElement("td");
    var TD1text = document.createTextNode("gggg");
    TD1.appendChild(TD1text);
    var TD2 = document.createElement("td");
    TD2.setAttribute("colspan","9",0);
    /*var TD2text = document.createTextNode("Middle");*/

var TABLEbutton = document.createElement("table");
    TABLEbutton.setAttribute("width","100%",0);
    TABLEbutton.setAttribute("cellpadding","0",0);
    TABLEbutton.setAttribute("cellspacing","0",0);
    TABLEbutton.setAttribute("bgColor","#787824",0);
    TD2.appendChild(TABLEbutton);

var TRbutton = document.createElement("tr");
    var TDbutton = document.createElement("td");

var TDbuttonText = document.createTextNode("Button");

TDbutton.appendChild(TDbuttonText);
    TRbutton.appendChild(TDbutton);
    TABLEbutton.appendChild(TRbutton);

ButtonRowTop.appendChild(TD1);
    ButtonRowTop.appendChild(TD2);
  break;

}

}
.............................

Danke danke danke !!! :-)