problem mit background-image

[GrafXP]

Hallo zusammen

Ich möchte das mit css definierte Hintergrundbild mit javascript wechseln.

definiert ist das ja so:

background-image:url(res/border_big_green.gif);

Ich habe schon verschiedene varianten probiert aber ich komme nicht dahinter wie ich das anstellen muss.

so gehts nicht:

document.getElementById("test1").style.background-image = url("res/border_big_green.gif");

document.getElementById("test1").style.background-image.url = "res/border_big_green.gif";

er sagt mir immer 'image' ist nicht definiert

ich hoffe ihr könnt mir erklären was ich falsch mache.

mfg GrafXP

[Axel Richter]

Hallo,

definiert ist das ja so:
background-image:url(res/border_big_green.gif);

Richtig. Das ist CSS.

so gehts nicht:

document.getElementById("test1").style.background-image = url("res/border_big_green.gif");

Richtig.

1. Im JavaScript ist das "-" Zeichen als Minus vorbelastet, deshalb wird es nicht in den Eigenschaftsnamen verwendet. http://de.selfhtml.org/javascript/objekte/style.htm#style_eigenschaften zeigt das.

2. url() ist keine JavaScript-Funktion, sondern eine CSS-Notation.

document.getElementById("test1").style.backgroundImage = "url('res/border_big_green.gif')";

viele Grüße

Axel