Gunnar Bittersmann: Tabellenzeile mit Javaskript farblich hervorheben

Beitrag lesen

@@EKKi:

Darüber hinaus würde ich Dir empfehlen, den Farbwechsel über die Zuweisung von CSS-Klassen vorzunehmen - so musst Du nur einmal zentral im Stylesheet die Farbinformationen festlegen und pflegen.

Ein völlig berechtigter Einwand.

CSS beschreibt die Präsentation; JavaScript das Verhalten.

Wenn sich später mal die Farbe nicht zu gelb, sondern zu hellblau ändern soll, betrifft das lediglich die Präsention; nicht jedoch das Verhalten. Zur Abänderung von gelb nach hellblau sollte also nicht mehr der JavaScript-Code angefasst werden müssen, sondern allein der CSS-Code.

Also mittels JavaScript einen Klassennamen ändern:
foo.className = "hervorgehoben";

Im Stylesheet mittls Klassenselektor [CSS2 §5.1, CSS2 §5.8.3, SELFHTML] die Hintergrundfarbe setzen [CSS2 §14.2, SELFHTML]:
.hervorgehoben {background-color: yellow;}

Live long and prosper,
Gunnar

--
„Das Internet ist ein großer Misthaufen, in dem man allerdings auch kleine Schätze und Perlen finden kann.“ (Joseph Weizenbaum)