<li>-Reihenfolge in <ul> dynamisch verändern

[wahsaga]

hi,

Folgende DHTML-Problemstellung möchte ich mal zur Diskussion stellen: Die List Items <li> einer Unordered List <ul> sollen nachträglich dynamisch verschoben, also in ihrer Reihenfolge geändert werden.

http://aktuell.de.selfhtml.org/tippstricks/dhtml/tabellen-sortieren/ wäre ein simpler Ansatz.

Mein Lösungsansatz ging in Richtung Zugriff auf die <li>-Elementknoten in der Annahme, dass man sie als Kindelemente der <ul> ansprechen können müsste. Also etwa document.getElementById("liste").childNodes[e].nodeName´ (e´ sei hier ein Elementschleifenzähler). Aber bereits das will einfach nicht gelingen bzw. liefert völlig unerwartete Resultate (z.B. friert Firefox ein)!

Dann stimmt wohl etwas mit deinem Schleifenzähler nicht, oder mit der Abbruchbedingung.
Besondere Obacht ist mit den White Spaces zwischen den Elementen geboten - manche Browser sehen darin eigene Kindelemente (Textknoten) der Liste, andere wieder nicht.

Aber wenn du alle li unterhalb eines bestimmten ul haben willst, nimm einfach getElementsByTagName:

{referenz_auf_dein_ul}.getElementsByTagName("li")

gruß,
wahsaga