Dieter Raber: <tr> loeschen

Beitrag lesen

Hallo alle,

Ich tu mich gerade etwas schwer damit eine Tabelle mit JS zu aktualisieren. Im Prinzip soll das so funktionieren:
Tabelle:
      <table border=1>
        <tbody id="basket-block-tbdy">
          <tr>
            <td>Zeile 1</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
    <!-- 10 Rows in meinem Code -->
        </tbody>
      </table>

JS:
  var panierTable = document.getElementById('basket-block-tbdy');
  var allPanierTr = panierTable.getElementsByTagName('tr');
  for(var i = 0; i < allPanierTr.length; i++)
  {
    alert(allPanierTr[i].parentNode.id + ' ' + i)
    allPanierTr[i].parentNode.removeChild(allPanierTr[i]);
  }

Die Tabelle soll nachher neu befuellt werden, aber das spielt erstmal keine Rolle.
Das Problem besteht darin, dass alert() zwar das korrekte Ergebnis anzeigt aber nur jede zweite Reihe geloescht wird (die mit den ungeraden Zahlen).

Anscheinend steh' ich ein bischen auf dem Schlauch...

Gruß,

Dieter