javascript - 如何使用javascript更改按钮背景？

Question

我有一个按钮，其中应用了以下CSS背景规则:

background-image:url('/images/button_1_normal.png');

我想使用JavaScript更改按钮的背景。我尝试了以下方法，但是没有用。

document.getElementById(step2).style.backgroundImage = "url('images/button_1_active.png') no-repeat";

问题是什么？谢谢

Answer 1

我想你想要这样的东西。重复由css设置的第一个图像，因为未给出其他顺序。但是当使用javascript进行更改时，您还希望“不重复”

的CSS

#button {
    background-image: url('http://imageshack.us/a/img856/3817/ticklf.png');
}

的HTML

<button id="button">Button</div>

Java脚本

setTimeout(function () {
    var button = document.getElementById("button");

    button.style.backgroundImage = "url('http://imageshack.us/a/img822/1917/crossn.png')";
    button.style.backgroundRepeat = "no-repeat";
}, 2000);

在 jsfiddle上