javascript - 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.