Elya: Probleme mit deleteRow bzw. Manipulation von Elementknoten

Beitrag lesen

Hallo und ein frohes neues Jahr,

beim Manipulieren einer Tabelle via Javascript stehe ich gerade ein wenig auf dem Schlauch:

Gegeben ist eine kleine Datentabelle mit einem tbody, der die id "tbody" hat.

  
<tbody id="tbody">  
<tr>  
<td>Name 1</td><td>Wert 1</td>  
<td>Name 2</td><td>Wert 2</td>  
<td>Name 3</td><td>Wert 3</td>  
</tbody>  

Gewünscht ist die Anzeige nur der *letzten* Zeile dieses tbody, wobei je nach serverseitiger Ausgabe eine unterschiedliche Anzahl von Zeilen vorliegt.

Als Lösungsansatz dachte ich an ein "deleteRow" nach vorgerigem Durchzählen der Elemente im rows-Array.

Das will mir jedoch nicht gelingen. Sowohl die diversen Ausgabeversuche mit

  
alert(document.getElementById('tbody').rows);  
alert(document.getElementById('tbody').rows[0].firstChild.data);  

ergeben nur objects oder "undefined".

Ein vorheriges einfaches

  
document.getElementById('tbody').deleteRow(0)  

hat geklappt, aber das hilft mir bei der unbekannten Zahl von zeilen ja nicht weiter...

Das hängt ganz sicher mit meinem immer noch sehr rudimentären DOM-Verständnis zusammen, weshalb  ich um einen kleinen Stubs in die richtige Richtung bitte (eine fertige Lösung wäre ausnahmsweise auch mal ganz nett, da ich schon ziemlich lange dran rumfrickele und leicht blockiert bin... ,-)

Danke für Eure Tipps!

Gruß aus Köln-Ehrenfeld,

Elya

--