und CSS: Eigenschaften VIELER Elemente ändern

[Bodo Thiesen]

Problem:

<table ...>
~375 mal <tr>
pro <tr> etwa ~250 mal <td>

jeweils drin ist ein <a href=...><img src=.../></a>

Das img will ich eliminieren und durch background-image im a-Tag ersetzen - das stellt ansich kein Problem dar. Jetzt will ich aber in einem anderem Frame dem Benutzer die Möglichkeit geben, Einstellungen vorzunehmen, aufgrund derer die Bilder bestimmter (aber einiger - so Größenordnung 5k-10k) a-Tags durch andere ersetzt werden (es geht hier um Highlightning). Eine for-Schleife könnte das Problem zwar lösen, aber eine for-Schleife über 90k Elemente, ich weiß nicht so recht ... die Seite ist so schon extrem Träge. Die a-Tags kann ich alle mit class-Attributen versehen, so daß ich für jede Gruppe von A-Tags, die einzeln modifizierbar sein soll einen eigenen Namen habe, aber kann ich dann die Eigenschaften z.B. von a.grupp1 via JavaScript ändern?

Also meine Idee war jetzt:

<style>
a.gruppe1 { background-image:url(Bild1-grayed.png) }
a.gruppe2 { background-image:url(Bild2-grayed.png) }
a.gruppe3 { background-image:url(Bild3-grayed.png) }
a.gruppe4 { background-image:url(Bild4-grayed.png) }
[...]
</style>

kann ich via JavaScript das Bild1-grayed.png jetzt durch Bild1-highlight.png ersetzen, so daß der Browser das automatisch für alle nutzenden Elemente (Tabellenzellen) übernimmt, ohne über alle Tabellenzellen iterieren zu müssen? (Die Alternative wäre dann wohl nur noch Reload - dauert ein paar Minuten - wegen dem Rendern der Tabelle - oder ein AJAX-Ansatz, d.h. das Frame mit den Einstellungen wird zum Server geGETtet, und man bekommt als Antwort ein JS, das die Änderungen vornimmt, nur dafür brauche ich dann wieder ein vollständiges Session-Management + ich muß mir den Zustand der Client-Anzeige merken - immerhin eine 8MB html-Datei, Tendenz steigend ...)

Gruß, Bodo