如何通过 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。