document.getElementById.style.backgroundImage不起作用

Question

我想根据页面的地址为div分配不同的背景图像,例如,如果我的网址是http://www.mywebsite.com/mysubdirectory/,我使用以下代码:

if(document.URL.indexOf("mysubdirectory") >= 0){ 
   document.getElementById("wrapper").style.backgroundImage = "url('bg-wrapper.jpg')";
}

但它不起作用.我甚至添加了一个伪造的document.write命令,只是为了确保代码的其余部分是正确的,并确定我的浏览器中出现了虚假行.我有什么东西可以俯瞰吗？

编辑:谢谢大家的答案 - 当我在我的代码中使用body而不是getElementById("wrapper")时,图像显示出来,所以我怀疑这是一个与路径相关的问题.我试图在body标签中添加一个onload属性,但它仍然无法使用getElementById.有任何想法吗？

Answer 1

您的

document.getElementById("wrapper").style.backgroundImage = "url('bg-wrapper.jpg')";

代码是正确的.

它适用于这个jsfiddle:http://jsfiddle.net/hUuN5/

你确定图像是否正确.请记住,文件的路径是相对于当前页面的位置.不是css目录