DHTML Problem

[cYbercOsmOnauT]

Folgende Problemstellung:

Code: Alles auswählen

table id=tabelle
  +-tr id=row10236
  | +-td
  |   +-#Text
  +-tr id=row42575
  | +-td
  |   +-#Text
  +-tr id=row13987
  | +-td
  |   +-#Text
  ...

Nun möchte ich via JavaScript/DHTML aus diesem Tabellenbaum z.B. die zweite Zeile restlos löschen. Mit getElementById kann ich "nur" das innerHTML auf '' setzen. Somit verschwindet zwar der Inhalt der row, aber die <tr> und </tr> bleiben bestehen.

Any ideas?

Grüße,
Tekin

[Banger]

Hi Tekin,
Du musst die Tabelle DOM-gerecht mit einem <tbody> versehen, dann kannst Du auf die entsprechenden Child-Elemente zugreifen bzw. diese entfernen.

Siehe z.B. hier:

Code: Alles auswählen

<table id="tabelle">
    <tbody id="tbody">
        <tr id="row10236"><td>row1</td></tr>
        <tr id="row42575"><td>row2</td></tr>
        <tr id="row13987"><td>row3</td></tr>
    </tbody>
</table>
<a style="cursor:pointer" onclick="document.getElementById('tbody').removeChild(document.getElementById('row42575'))">weg!</a>

[cYbercOsmOnauT]

Ah okay, danke. tbody hat mir gefehlt. Mal direkt testen.

Nachtrag: Danke funktioniert. Ich hab das Ganze dann noch Crossbrowserkompatibel gemacht. Witzig das in dem "generated source" dann an der Stelle eine große Lücke gefüllt mit \n's entsteht. Was ja der Ausgabe egal ist.

Viele Grüße,
Tekin

[Banger]

tbody hat mir gefehlt.

Da bin ich schon zig-mal drüber gestolpert; irgendwann brennt sich sowas dann ins Hirn ein