Question

JavaScript动态更换背景图片

我在css文件中给div设置background-image:url(images/横幅1.jpg) no-repeat;
页面上的div显示图片正常

然而我现在改成用JavaScript来设置他的背景图片时却始终不显示
document.getElementById('DivLogo').style.backgroundimage=url(images/横幅1.jpg);
这个问题我花了近4个小时 都没找到解决方法 JavaScript代码页调试过了 没有什么问题 希望各位高手能指点小弟一二
我现在就写了一个很简单test 还是不行
页面里 什么都没有 就1个div id=divLogo
style文件夹下有1个子文件夹images
css文件放在style文件夹中
图片放在images图片中

css文件
#divLogo
{
width:775px;
height:190px;
background-image:url('images/aaa.jpg');
}
这样的话 div图片显示正常

现在我把css文件中的background这一行去掉

在页面中加了一段JavaScript

<script type="text/javascript" language="javascript">
function divImage()
{
var div1=document.getElementById("div1");
div1.style.backgroundimage="url('./style/images/aaa.jpg');";
}
window.attachEvent("onload",divImage);
</script>

可能会有朋友说路径写法不对
可是我 ./也好 ../也好 /也好 //也好 全试过了 都不行
我快要崩溃了。。。

Answer 1

兄弟，这个问题花4个小时，惨了点吧
document.getElementById('DivLogo').style.backgroundImage ='url(images/横幅1.jpg)';

第一属性写错了，有个字母“I”大写
第二，url外面加上引号
查查文档，里面都有

Answer 2

更改背景图片
document.getElementById('DivLogo').style.backgroundImage="'url(images/横幅1.jpg)'";
或者
document.getElementById('DivLogo').style.background="'url(images/横幅1.jpg)'";

第二，你补充问题里面的有问题是因为
div1.style.backgroundimage="url('./style/images/aaa.jpg');";中
url('./style/images/aaa.jpg');
后面的;去掉就可以了
还有backgroundimage大小写要注意啊
是backgroundImage

关键还是细节问题没注意啊！

Answer 3

document.getElementById('DivLogo').style.background="url(images/横幅1.jpg)";

记住一定要在样式表里给divLogo设定height,width，否则divLogo会因为没数据或者没设定height,width而不显示，看不到效果

Answer 4

可以把你部分代码贴出来吗 这样很是不明白你想干什么。
也不知道从何说起。