Scar: über DOM eine tabelle einfügen

wieso arbeitet der unten stehende code nicht mit dem IE?
kann mir da einer helfen?

<html>

<body id="xt">

<script>

var elem = document.getElementById("xt");

var t_table = document.createElement("table");
 t_table.style.backgroundColor = "red";
 t_table.style.width  = "100px";
 t_table.style.height = "100px";
 elem.appendChild(t_table);

var t_tr = document.createElement("tr");
 t_table.appendChild(t_tr);

var t_td = document.createElement("td");
 t_tr.appendChild(t_td);

var t_td_name = document.createTextNode("Test");
 t_td.appendChild(t_td_name);

</script>

</body>
</html>

mfg Chris

  1. Hallo,

    wieso arbeitet der unten stehende code nicht mit dem IE?

    Weil jede Tabelle mindestens ein TBODY-Element hat http://www.w3.org/TR/html4/struct/tables.html#h-11.2.1. Bei diesem Element sind Start- und Endtag lt. HTML4.01 optional http://www.w3.org/TR/html4/struct/tables.html#h-11.2.3. Der HTML-Parser ezeugt es trotzdem.

    kann mir da einer helfen?

    <script type="text/javascript">
    »»  var elem = document.getElementById("xt");

    var t_table = document.createElement("table");
     t_table.style.backgroundColor = "red";
     t_table.style.width  = "100px";
     t_table.style.height = "100px";
     elem.appendChild(t_table);

    var t_body = document.createElement("tbody");
    t_table.appendChild(t_body);

    var t_tr = document.createElement("tr");

    t_body.appendChild(t_tr);

    var t_td = document.createElement("td");
     t_tr.appendChild(t_td);

    var t_td_name = document.createTextNode("Test");
     t_td.appendChild(t_td_name);

    </script>

    viele Grüße

    Axel

    1. dank dir axel,

      das war irgendwie wieder sowas von typisch unlösbar, das ich mich sonst totgesucht hätte :)

      grüße Chris