BeAT4: IE: myTr.cells ist nach Klonen einer Tabellenzeile leer - Bug?

Beitrag lesen

Hallo zusammen,

ich möchte eine Tabellenzeile klonen, aus dem erzeugten Klon eine Tabellenzelle entfernen und die Zeile dann in eine neue Tabelle einfügen.
Das ganze funktioniert auch in echten Browsern, im IE allerdings nicht.

Anbei der HTML Codeschnipsel:

  
<!-- Quell-Tabelle -->  
<table>  
 <tr onclick="cloneMe(this);">  
  <td>1</td>  
  <td>2</td>  
  <td>3</td>  
 </tr>  
 <tr onclick="cloneMe(this);">  
  <td>4</td>  
  <td>5</td>  
  <td>6</td>  
 </tr>  
</table>  
  
<!-- Ziel-Tabelle -->  
<table id="tDestination">  
 <tr>  
  <th>A</th>  
  <th>B</th>  
 </tr>  
</table>  
  

Der dazugehörige JavaScript Code:

  
function cloneMe(trElement)  
{  
 // TR-Element klonen  
 var clonedTrElement = trElement.cloneNode(true);  
  
 // dritte Zelle entfernen  
 clonedTrElement.deleteCell(2);  
  
 // TR-Element der Ziel-Tabelle hinzufügen  
 var destTable = document.getElementById('tDestination');  
 destTable.appendChild(clonedTrElement);  
}  

Beim IE ist nach dem klonen des <tr> Elementes die Eigenschaft "cells" undefined.

Wie bekomme ich so was hin, dass es auch im IE funktioniert?

Danke im Voraus für Eure Hilfe.
Grüße
BeAT4