我在select元素中创建一个选项,并尝试更改背景图像。

nextItem = document.createElement('option');

nextItem.innerHTML = text;

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

nextItem.className = "class1";


但是,当我使用Firebug时,可以看到实际上创建的是:

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


为什么要创建样式属性而不在其中添加任何信息?

最佳答案

删除网址中的分号。

更改:

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


至:

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


jsFiddle example

关于javascript - 创建选项时如何更改选项的背景图像?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/11416688/

10-11 13:49