Background-image ändern geht nicht!

[MagierJack]

Wiso geht das nicht?

ich möchte hier den Background ändern:

<div id="town_background" style="background-image: url(&quot;./images/town/background.jpg&quot;); width: 645px; height: 375px; top: 0px; position: relative;" >

Aber mit

javascript:document.getElementById('town_background').style.background-image = "url('/images/town/background_night.jpg')";

geht es nicht!

In der Fehlerkonsole zeigt er mit einem Pfeil auf das Istgleich-Zeichen.
Was ist das für ein Fehler?

 

[vitus37]

url("./images/town/background.jpg");

Wozu die Anführungs-Sonderzeichen?!
Es handelt sich um CSS, nicht HTML-Code.

->

url("./images/town/background.jpg");

Wobei du die " in diesem Fall auch weglassen lannst.

 

[MagierJack]

Das war, weil ich zuerst HTML-Code eingestellt hatte!

 

[crash]

backgroundImage, fontStyle, marginLeft etc.

 

[MagierJack]

backgroundImage, fontStyle, marginLeft etc.

Die JS befehle?

 

[Gilles]

Die JS befehle?

Ja genau. In JS können keine Bindestriche verwendet werden, da der Interpreter (dein browser) sonst denkt er soll background minus image rechnen, was ja Schwachsinn wäre
deswegen ist es in JS so, dass die Style Attribute, die mit einem bindestrich in CSS getrennt werden, hier in Kamelschreibweise geschrieben werden. Also backgroundImage in deinem beispiel :)
Hoffe das hilft dir :)

 

[MagierJack]

Danke, nun funzt es! :razz:
Vielen Dank für die Hilfe!;Jump