Robert Hillbe: CSS-Klassen mit Javascript dynamisch ändern

Beitrag lesen

Problemstellung:
Mit CSS ist es möglich, ganze <DIV>-Bereiche mit der Pseudoklasse :hover zu versehen, damit sie beim Überfahren mit der Maus ihr Aussehen ändern. Leider wird diese Funktion nicht von allen Browsern unterstützt. Einige Browser interpretieren die Pseudoklasse :hover nur für Links.

Lösungsidee:
Wenn es möglich wäre, ein Javascript zu realisieren, das bei "onmouseover" dem betreffenden Element die CSS-Klasse .hover zuweist und bei "onmouseout" die erzeugte Klasse wieder entfernt, müsste in der CSS-Datei neben der Formatdefinition #Bereich:hover nur zusätzlich #Bereich.hover notiert werden. Damit wäre das Problem gelöst.

Umsetzung:
Leider bin ich nicht genügend mit Javascript vertraut. Durch das Ansprechen von Dokumentelementen als Knoten (nodes) müsste die Aufgabe aber zu lösen sein. Ich suche also ein Javascript, das sämtlichen Knoten innerhald eines Dokumentes die Klasse .hover zuweist, wenn sie mit der Maus überfahren werden.