HTML5 getItem を通じて背景色を設定するにはどうすればよいですか?

Question

このコードを使用しています:

$(this).css('backgroundcolor', localStorage.getItem('bgColorr') + " !important;");

私が書くとき：

alert( localStorage.getItem('bgColorr') + " !important;");

rgb(243,102,42) !重要; という適切なアラートが表示されます。....

本当に私に届く..みんなありがとう！

編集：

周囲のコード:

$(function() {
    $(this).css('background-color', localStorage.getItem('bgColorr'));
});

var colorOptions = '#000, #fff, #abf7ae, #f6cbe9, #53c68f, #53c1c6, #538dc6, #c6536b'.split(', '),
    colorDivs = [],
    colorsContainer = $('#colorsContainer');

for ( var i = 0, len = colorOptions.length; i < len; i++ ) {
    var div = $('<div />').css('background', colorOptions[i])[0];
    colorDivs.push(div);
}

colorsContainer.append(colorDivs);

$('#header').hover(function() {
    colorsContainer
    .fadeIn(200)
    .children('div')
        .click(function() {
            $('body').css('background', $(this).css('backgroundColor'));
            localStorage.setItem('bgColorr', $(this).css('backgroundColor'));
        });
}, function() {
    colorsContainer.fadeOut(200);
});

さあ、ありがとう。

Answer 1

• 使用 'background-color' の代わりに 'backgroundcolor'.
• を削除します。 !important. 。このプロパティは Javascript から設定できません。
• 値の末尾にセミコロンを付けないでください。

---

アップデート：

上記に加えて、次のようなことが考えられます。 this は HTML 要素ではありません。ここでは適切なセレクターを使用する必要があります。 $('#someid') で要素を選択します id='someid'. 。ボディの背景を変更したい場合は、 $('body').

要約すると、次のようになります。

$('body').css('background-color', localStorage.getItem('bgColorr'));

Answer 2

あなたの問題は、のgetItemか何かではありませんが、あなたのCSSプロパティ名の大文字と小文字。それの背景の C のolor、ないのbackgroundColorます。