CSS样式表的值不修改

问题描述:

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

既然您已将jQuery标记为此问题,我建议您使用jQuery进行简单操作。尝试这个。

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

至于因为这种方法一个侧面说明设置应该被命名为setStyle,而不是getStyle风格。

+0

好的我同意jquery,因为你提到的代码比我写的代码容易,但你能告诉我为什么它不改变bgImage的问题吗? – gaurav 2012-04-27 15:25:54