onmouseover hintergrund eines anderen elements ändern

[Der Martin]

Hallo,

Ojeh, klingt das kompliziert, aber Danke für die Antwort.
Ist der Haken bei diesem eigentlich der gleiche?:
<li onmouseover="document.images.style.background-color:#ffffff;"></li>

dieses Stück Code hat mehrere Haken.

1. document.images ist (wie ChrisB schon erwähnte, eine Liste von Bildern und braucht demzufolge noch einen Index, um ein einzelnes Bild zu adressieren.

2. Die CSS-Eigenschaft background-color kann nicht direkt als Javascript-Eigenschaft verwendet werden, denn der Bindestrich würde in JS als "minus" interpretiert. Dafür gilt die Regel: Der Bindestrich entfällt, der folgende Buchstabe wird dafür groß geschrieben. Aus background-color wird also backgroundColor.

3. Der Doppelpunkt trennt zwar in CSS die Eigenschaft vom Wert. In Javascript ist das Ganze aber im weitesten Sinn die Zuweisung eines Wertes an eine Variable. Der richtige Operator für eine Zuweisung ist das Gleichheitszeichen.

4. Der zugewiesene Wert ist ein String und gehört in Anführungszeichen geschrieben.

Die Zeile müsste also insgesamt lauten:

<li onmouseover="document.images[x].style.backgroundColor='#FFFFFF';"></li>

wobei x der Index des Bildes innerhalb des Dokuments ist.

Ich habe hier außerdem die hexadezimalen Ziffern groß geschrieben, weil das üblich ist.

So long,
 Martin