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）

回答

相關問題