+ Antworten
Ergebnis 1 bis 5 von 5

Thema: JavaScript <tr> aus Tabelle löschen...

  1. #1
    TP-Newbie DaRieder macht alles soweit korrekt
    Registriert seit
    Dec 2010
    Beiträge
    4

    JavaScript <tr> aus Tabelle löschen...

    Ersmtla möchte ich mich vorstellen. Ich bin DaRieder, 17 Jahre alt, und bastle seit längerem an meinem Traumprojekt. Ich konnte mich die letzten Jahre immer darum drücken, JavaScript wirklich zu benutzen. Aber jetzt geht das hald nicht mehr.


    So, jetzt brauche ich eure Hilfe.

    Ich habe eine Tabelle die ungefähr so aussieht.
    <table>
    <tr id=4><td>Inhalt</td></tr>
    <tr id=34><td>Inhalt</td></tr>
    <tr id=16><td>Inhalt</td></tr>
    <tr id=56><td>Inhalt</td></tr>
    </table>

    So und dann habe ich eine JavaScript Funktion bei der Aufruf ungefährt so aussieht:
    del_tr(16);

    Und man ahnt es schon. Diese Funktion soll den tr mit der ID 16 löschen. Ich weis nicht wie ich das angehen soll. Habe mich schon mit Nodes und ChildNodes beschäftigt, aber ich weis nicht, wie ich den Knoten mit der id 16 löschen sollte.

    Wäre froh, wenn jemand nen Ansatz hätte...

  2. #2
    TP-Moderator fuchzga lebt für das TP und seine User fuchzga lebt für das TP und seine User fuchzga lebt für das TP und seine User fuchzga lebt für das TP und seine User fuchzga lebt für das TP und seine User fuchzga lebt für das TP und seine User fuchzga lebt für das TP und seine User Avatar von fuchzga
    Registriert seit
    Nov 2007
    Ort
    München
    Beiträge
    1.835
    Hi,
    mit Child- und ParentNodes könnte man ebenfalls was machen. Dazu müsste der Parentnode (in deinem Fall <table>) aber auch eine ID haben.

    Wenn du es schnell und schmerzlos machen willst, dann würde ich zu getElementById() greifen.
    HTML-Code:
    document.getElementById("16").innerHTML = "";
    Soweit mein Ansatz...
    »Man sollte alles so einfach wie möglich sehen - aber auch nicht einfacher.«
    -Albert E.

  3. #3
    TP-Newbie DaRieder macht alles soweit korrekt
    Registriert seit
    Dec 2010
    Beiträge
    4
    Soweit war ich auch schon.
    Aber innerHTML = "" löscht ja nur den Inhalt des <tr>
    Der TR bleibt nocht. Und da crasht der rest des sciprts dann irgendwann.
    Die Id's von den Zeilen sind ja nur so ungeordnet, weil ich diese als Speicherplatz für Datensatz Ids verwendet habe.

  4. #4
    TP-Supporter threadi macht sich hier sehr viel Mühe
    Registriert seit
    Dec 2006
    Beiträge
    453
    Du suchst removeChild():
    http://de.selfhtml.org/javascript/ob...m#remove_child

    Code:
    tabellenobjekt.removeChild(document.getElementById("t16"));
    Hinweis: IDs sollten nicht nur aus Zahlen bestehen. Setze noch einen beliebigen Buchstaben vorne dran.

  5. #5
    TP-Insider Settler ist ein richtiges Arbeitstier - DANKE Settler ist ein richtiges Arbeitstier - DANKE Settler ist ein richtiges Arbeitstier - DANKE Settler ist ein richtiges Arbeitstier - DANKE Avatar von Settler
    Registriert seit
    Feb 2008
    Ort
    Marl
    Beiträge
    805
    Ein anderer Ansatz wäre, das <tr>... gar nicht auszugeben.
    Woher kommen die Daten und welche IDs sollen gelöscht werden (immer die 16, immer das 4. <tr>, ...) und warum?

+ Antworten

Ähnliche Themen

  1. input felder per javascript löschen
    Von Tagged im Forum Javascript & Ajax
    Antworten: 5
    Letzter Beitrag: 16.06.2009, 10:04
  2. einzelne spalte einer Tabelle löschen
    Von alexf812 im Forum Javascript & Ajax
    Antworten: 6
    Letzter Beitrag: 19.02.2008, 13:56
  3. SQL alle Zeilen aus Tabelle löschen bis auf
    Von Snakedressed im Forum Traum-Dynamik
    Antworten: 2
    Letzter Beitrag: 02.11.2007, 23:19
  4. Antworten: 9
    Letzter Beitrag: 17.02.2006, 07:28
  5. [JavaScript] file Feld löschen
    Von olivergries im Forum Javascript & Ajax
    Antworten: 0
    Letzter Beitrag: 02.02.2005, 14:14

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

     

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51