我可以用css更改背景图片，但在这种情况下我需要使用javascript， Imgae Name是＆＃34; btn1-1.png＆＃34;并且它在＆＃34; img＆＃34;目录（子目录）我的HTML索引文件在父目录中，图像路径在css中工作但在Javascript中不工作
<input type="button" id="btn_1" class="btn_hidder" value="Information" />
<input type="button" id="btn_2" class="btn_hidder" value="Documents" />
这是JavaScript代码......
document.getElementById("btn_1").style.backgroundImage = "url('img/btn1-1.png')";
检查屏幕截图。
父目录（HTML文件）：http://i60.tinypic.com/2dkzk9y.jpg
子目录（JS文件）：http://i60.tinypic.com/14wf237.jpg
我的脚本添加完美，因为它使用alert（）以及所有其他JavaScript代码正在运行。我也试过JavaScript的内部方式但没有任何事情发生。
答案 0 :(得分：1)
您是否尝试document.getElementById("btn_1").style.backgroundImage = "url('../img/btn1-1.png')";，因为js位于js文件夹中，该文件位于一个级别，然后向下一个进入图像文件夹。
答案 1 :(得分：0)
我知道你没有要求它，但我喜欢jquery。注意：我没有测试过。您仍然可能遇到Billy所述的路径问题。
$(document).ready(function(){
$('#btn_1').css('background-image', 'img/btn1-1.png');
});
答案 2 :(得分：0)
这里@billy是对的
你必须告诉他们在哪里以正确的方式
1）＆＃39; ../'意味着回到目录。
2）＆＃39; ./'意味着留在这个目录
3）＆＃39; /＆＃39;以它自己的方式返回到根目录。
所以你必须使用
document.getElementById("btn_1").style.backgroundImage = "url('../img/btn1-1.png')";