style.backgroundImage JavaScript方法不适用于任何浏览器（Firefox，Chrome，IE，Safari）

-1

我可以用css更改背景图片，但在这种情况下，我需要使用javascript， Imgae Name是“btn1-1巴纽”，其在‘IMG’目录（子目录）哪里是我的HTML索引文件是在父目录，图片路径是工作在CSS而不是在Javascriptstyle.backgroundImage JavaScript方法不适用于任何浏览器（Firefox，Chrome，IE，Safari）

<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文件），因为它与警报（）以及其他所有的JavaScript代码工作的工作http://i60.tinypic.com/14wf237.jpg

我的剧本是完全加入。我也尝试了JavaScript的内部方式，但没有发生任何事情。

来源

2014-10-17 Mehar Saad Ahsan Jhawari

你的JS应该在另一个目录。 – 2014-10-17 15:59:15

使用绝对URL通常可以解决这类问题，除非在存在前不尝试引用按钮。 – Teemu 2014-10-17 16:00:35

控制台中的任何错误？ – Barmar 2014-10-17 16:02:41

我知道你没有要求它，但我喜欢jQuery。注意：我没有测试这个。你仍然可能遇到比利说的路径问题。

$(document).ready(function(){ 
    $('#btn_1').css('background-image', 'img/btn1-1.png'); 
});

来源

2014-10-17 16:17:36 user1174141

它与JQ工作，但我需要在JS – 2014-10-18 02:15:38

Thanx，我现在用JQ去 – 2014-10-18 10:34:39

您是否尝试过document.getElementById("btn_1").style.backgroundImage = "url('../img/btn1-1.png')";，因为js位于js文件夹中，该文件夹位于上一级，然后放入图像文件夹。

来源

2014-10-17 16:10:12 Billy

是的，我做了但没有任何反应 – 2014-10-18 02:12:07

这里@billy是正确

你要告诉他们，以正确的方式

1） '../' 指涨回去的目录。

2）“./”指留在了自己的方式在这个目录

3）‘/’在回去的根目录。

，所以你必须使用

document.getElementById("btn_1").style.backgroundImage = "url('../img/btn1-1.png')";

来源

2014-10-17 16:21:11 Nakul

它不工作 – 2014-10-18 02:13:40

我正在使用：document.getElementById（“btn_1”）。style。 backgroundImage =“url（'../ img/btn1-1.png'）”; – 2014-10-18 02:14:35

通过使用上述3种方法使用'hit＆try'方法，有时可行。 – Nakul 2014-10-18 02:57:30

style.backgroundImage JavaScript方法不适用于任何浏览器（Firefox，Chrome，IE，Safari）

回答

相关问题