如何在創建選項時更改選項的背景圖像？

Question

我在選擇元素中創建一個選項並嘗試更改背景圖像。

nextItem = document.createElement('option'); 

nextItem.innerHTML = text; 

nextItem.style.backgroundImage = "url(icons/add.png);"; 

nextItem.className = "class1"; 

當我使用Firebug，但是，我可以看到什麼是真正被創建是這樣的：

<option class="class1" style="">text</option> 

爲什麼創建的樣式屬性，但不把任何信息呢？

Answer 1

在url中刪除分號。

變化：

nextItem.style.backgroundImage = "url(icons/add.png);"; 

到：

nextItem.style.backgroundImage = "url(icons/add.png)"; 

jsFiddle example

Answer 2

你會嘗試這個nextItem.style.backgroundImage = "url('icons/add.png')";