2012-04-27 56 views
0
function getStyle(Selector, Property, Value, StyleSheetIndex) {  
    var Selectors = document.styleSheets[StyleSheetIndex].rules;  
    for (var i = 0; i < Selectors.length; i++) { 
     if (Selectors[i].selectorText == Selector) {    
      alert(Value + "  " + Property); 
      Selectors[i].style[Property] = "url(" + Value + ")"; 
     } 
    } 
} 

其中selector = 「體」,屬性= 「和backgroundImage」,值= 「/圖片/ bg.jpg」,StyleSheetIndex = 2, 但這裏的屬性值沒有改變。誰能告訴我爲什麼?CSS樣式表的值不修改

+0

你是否試圖編輯網頁上的實際文件或樣式? – CKKiller 2012-04-27 15:00:40

+0

實際的css文件 – gaurav 2012-04-27 15:02:14

+1

然後你需要使用像PHP這樣的服務器端語言,javascript不能編輯文件。 – CKKiller 2012-04-27 15:03:12

回答

1

既然您已將jQuery標記爲此問題,我建議您使用jQuery進行簡單操作。嘗試這個。

$('body').css('backgroundImage', 'url("/images/bg.jpg")'); 

至於因爲這種方法一個側面說明設置應該被命名爲setStyle,而不是getStyle風格。

+0

好的我同意jquery,因爲你提到的代碼比我寫的代碼容易,但你能告訴我爲什麼它不改變bgImage的問題嗎? – gaurav 2012-04-27 15:25:54