Elemente wieder löschen

(Auszug aus "Das Einsteigerseminar SVG — Webgrafiken mit XML" von Helma Spona)

Wenn der Benutzer das zweite Mal einen Text in der Leiste anklickt, sollten natürlich die alten, zuvor erzeugten Elemente auch wieder gelöscht werden, bevor die neuen erzeugt werden. Dazu wird bei jedem Aufruf der Funktion in der Variablen status der Name der angeklickten Gruppe gespeichert. Beim ersten Mal hat die Variable den Wert "" also eine leere Zeichenfolge. Wenn die Variable einen anderen Wert hat, wird in einer Verzweigung der Inhalt der Gruppe bis auf die ursprünglich vorhandenen Elemente gelöscht. Damit nicht versehentlich zu viele Elemente gelöscht werden, müssen Sie natürlich wissen, wie viele Elemente vor dem Erzeugen der Unterelemente vorhanden waren. Dazu verwendet das Skript eine Variable anzahlAnf, die vor dem Erzeugen die Anzahl Elemente speichert. Diese können Sie nun abfragen. Das setzt aber natürlich voraus, dass Sie erst die Elemente löschen und dann die neuen erzeugen. Um Elemente zu löschen, müssen Sie das zu löschende Element zunächst zurückgeben und in einer Variablen speichern. Diese Variable übergeben Sie dann an die removeChild-Methode.

if (status!="")
{
  //alte Einträge löschen
  elem01=svgdok.getElementById(status);
  anzahl=elem01.getChildNodes().getLength();
  for (i=anzahl-1;i>=anzahlAnf;i--)
  {
    elem01.removeChild(elem01.getChildNodes(i));
  }
}

Hinweis:
Wenn Sie wie hier gezeigt mehrere Elemente einer Gruppe oder eines anderen übergeordneten Tags löschen möchten, verändern sich natürlich die Indizes der Elemente, die nach dem zu löschenden folgen. Daher ist es immer günstiger mit dem höchsten Index anzufangen, also das letzte Element zuerst zu löschen. Aus diesem Grund wird hier die Schleife von anzahl-1 bis anzahlAnf durchlaufen und die Zählvariable i mit i-- immer reduziert, statt erhöht.

   

<< zurück vor >>

 

 

 

Tipp der data2type-Redaktion:
Zum Thema SVG bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an:

Copyright © verlag moderne industrie GmbH 2001
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "Das Einsteigerseminar SVG — Webgrafiken mit XML" denselben Bestimmungen wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt. Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.

verlag moderne industrie GmbH, Justus-von-Liebig-Straße 1, D-86899 Landsberg/Lech, fon ++49 (0) 81 91 / 125 – 0, leserservice(at)mi-verlag.de