如何更改背景輸入按鈕的圖像使用JavaScript

Question

我想改變我的按鈕背景圖像使用JavaScript，所以我寫了這樣的代碼，但似乎是它不工作。

$('#search-button-input').css('background-image', $.format("url('Images/%(color)s.png')", { color: e })); 

e是圖像自帶的一些其他功能。這樣

<input id="search-button-input" type="button" name="q" class="search-button-input" value="search" /> 

Answer 1

當然，一種辦法

我輸入標籤來做到這一點是如果你使用此功能的鼠標懸停事件，更簡單的方式來做到這一點是與CSS本身做出迴應。在CSS中，你可以指定的一些東西，正在上空盤旋，這樣的風格：

element:hover { ... } 

如果這不是你想要的，那麼你可以例如做這樣的事情：

element.setAttribute("style", "color: blue; background-color: red");