CSS样式表值未修改

Question

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 =“body”，Property =“backgroundImage”，value =“/ images / bg.jpg”，StyleSheetIndex = 2， 但这里的财产价值没有变化。任何人都可以告诉我为什么？

Answer 1

由于您已将jQuery标记为此问题，我建议您使用jQuery进行简单操作。试试这个。

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

作为旁注，因为此方法设置样式，所以应将其命名为setStyle而不是getStyle。