[js] dynamische tabel opbouwen

[ruuds]

Ik probeer mbv van javascript een tabel vanaf de grond op te bouwen en deze in een div te plaatsen (doeldiv). Het werkt allemaal erg mooi in mozilla, maar op de een of andere manier krijg ik het niet aan de gang in Internet Explorer (wat toch eigenlijk ook wel belangrijk is)

code:

var c;
var parentDiv = document.getElementById('doeldiv');
var newTable = document.createElement('table');
var newRow = document.createElement('tr');
var newCel, newText;
for( c = 0; c < 4; c++ )
{
    newCel = document.createElement('td');
    newText = document.createTextNode('cel ' + c);
    newCel.appendChild(newText);
    newRow.appendChild(newCel.cloneNode(true));
}
newTable.appendChild(newRow);
parentDiv.appendChild(newTable);

Heeft iemand ervaring met dit probleem en eventueel een oplossing? Functies zoals insertRow en insertCell gebruiken werkt ook niet...

[ruuds]

schaam schaam....

Als ik de nieuwe tr's aan een tbody element toevoeg, welke ik dan weer aan het table element toevoeg werkt t wel!!

[Pelle]

Mooi.. topic kan wel openblijven als toekomstig search- en referentie-materiaal

[Verwijderd]

Als we toch met referentie materiaal bezig zijn:

Dat geldt alleen voor IE. Gecko doet het wel zonder TBODY