2

次の CSS バックグラウンド ルールが適用されたボタンがあります。

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

ボタンの背景を JavaScript で変更したいと考えています。以下を試しましたが、うまくいきませんでした。

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

何が問題ですか？ありがとうございました

4

5 に答える 5

4

あなたはこのようなものを望んでいると思います。css によって設定された最初のイメージは、他の順序が指定されていないため、繰り返されます。しかし、javascript を使用して変更すると、「繰り返しなし」も必要になります。

CSS

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

HTML

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

Javascript

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について

于 2013-05-07T21:46:01.657 に答える
0

これをチェックしてください。これは実用的なサンプル コードです。画像のパスを確認してください。私の画像フォルダーは、JavaScript ファイルと同じレベルにあります。

const actionButton = document.getElementById('action');
actionButton.style.backgroundImage = "url('./images/icon_playback.png')";
<button id="action"></button>

于 2019-02-22T15:55:55.527 に答える