如何在创建选项时更改其背景图像
How can I change the background-image of an option while creating it?
我正在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>
为什么它创建了样式属性,却没有在其中放入任何信息?
删除url中的分号。
更改:
nextItem.style.backgroundImage = "url(icons/add.png);";
至:
nextItem.style.backgroundImage = "url(icons/add.png)";
jsFiddle示例
您可以尝试此nextItem.style.backgroundImage = "url('icons/add.png')";
相关文章:
- 可以在这里为背景图像设置滤镜吗
- 使用 js 将背景图像设置为 HTML
- 如何使用css动画/javascript使具有背景图像的元素出现
- 循环浏览多个身体背景图像
- 背景图像顶部的滚动图像不移动
- 在pdfmake中嵌入背景图像
- 修复选择菜单时的背景图像
- 使用css()设置背景图像;不起作用
- 鼠标悬停时如何居中放大背景图像
- 强制谷歌为javascript背景图像编制索引
- 淡入不带HTML的背景图像
- 具有淡入淡出效果的全背景图像
- 未加载随机背景图像
- 背景图像前显示Javascript警报
- javascript背景图像位置循环
- CSS动画背景图像的过渡越来越暗
- "Ken Burns效应”;悬停背景图像
- 通过ID JavaScript显示随机背景图像
- JavaScript背景图像
- 带有图像和背景图像的ClipTo