GrafXP: problem mit background-image

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

  1. 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