Как я могу установить свой цвет фона с помощью 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.