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ます。