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