Tabelle mit AJAX bearbeiten: welche Werkzeuge? - #24958 (HTML, CSS und Javascript)

nepos

2007-01-02 14:04

User since
2005-08-17
1420 Artikel
BenutzerIn

Ok, hab mich grade bisschen gespielt und eventuell ne Möglichkeit gefunden, wie du das ohne deleteRow() machen kannst. Du hast ja für jede Zeile eine eigene ID. Nun könntest du via removeChild() die entsprechende Zeile löschen:

Code: (dl )

1
2

var tableRow = document.getElementById('a1row');
tableRow.parentNode.removeChild(tableRow);

Du holst dir erst die passende Zeile, dann gehst du mit über die parentNode-Eigenschaft auf tbody und dort sagst du, dass du gerne das Child, das in tableRow vorliegt löschen möchtest.
Habs mal ähnlich in ner kleinen Testseite ausprobiert:

Code: (dl )

  <html>
    <body>
      <table>
        <tr id="row1">
          <td style="background-color: grey;" onclick="this.parentNode.parentNode.removeChild(this.parentNode);">Zeile 1</td>
        </tr>
        <tr id="row2">
          <td>Zeile 2</td>
        </tr>
      </table>
    </body>
  </html>

Wenn ich auf Zeile 1 klicke, wird diese aus der Tabelle entfernt.