appendChild af en TABLE renderer ikke i MSIE
Jeg har brug for at opbygge en table dynamisk, og ville gerne prøve at undgå brug af innerHTML.Nedenstående eksempel viser 2 tabeller i Firefox og Opera, men kun 1 i MSIE 6 og 7.
Gør jeg noget forkert i min brug af createElement og appendChild?
Link til eksemplet: http://tjens.dk/eksperten/TestAppendTable01.html
Source:
<html>
<head>
<title>TEST: Create Table</title>
<style type="text/css">
table, th, tr, td {border: 2px solid blue; border-collapse: collapse;}
</style>
<script type="text/javascript">
function init() {
var oTable = document.createElement("TABLE");
var Row1 = document.createElement("TR");
var Cell11 = document.createElement("TD"); Cell11.id = "TDoperationsID";
Cell11.appendChild(document.createTextNode("Text Node in Cell 1.1") );
Row1.appendChild(Cell11);
var Cell12 = document.createElement("TD"); Cell12.id = "TDloginID";
Row1.appendChild(Cell12);
var Row2 = document.createElement("TR");
var Cell21 = document.createElement("TD"); Cell21.id = "TDfieldsID";
Cell21.appendChild(document.createTextNode("Text Node in Cell 2.1") );
Row2.appendChild(Cell21);
var Cell22 = document.createElement("TD"); Cell22.id = "TDformID";
Cell22.appendChild(document.createTextNode("Text Node in Cell 2.2") );
Row2.appendChild(Cell22);
oTable.appendChild(Row1);
oTable.appendChild(Row2);
document.getElementById("testdiv").appendChild(oTable);
document.getElementById("TDloginID").appendChild(document.createTextNode("Late added Text Node in TDloginID"));
document.getElementById("testdiv").appendChild(document.createTextNode("Last Text Node in testdiv"));
alert(document.getElementById("testdiv").innerHTML);
}
</script>
</head>
<body onload="init()">
<table>
<tr>
<td>
HTML-table Cell 1
</td>
<td>
Cell 2
</td>
</tr>
</table>
<div id="testdiv">
testdiv start text
</div>
</body>
</html>
