¿Cómo puedo configurar mi color de fondo a través de HTML5 getItem?

Question

Im usando este código:

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

Cuando escribo:

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

Me da la alerta apropiada, RGB (243,102,42) importante!; ....

realmente llegar a mí .. gracias chicos!

editar

Código Rodeando:

$(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);
});

Hay que ir, gracias chicos

Answer 1

• Uso 'background-color' en lugar de 'backgroundcolor'.
• Eliminar el !important. No se puede establecer esta propiedad de Javascript.
• No se debe poner el punto y coma al final del valor.

---

Actualización:

Además de lo anterior, parece que this no es un elemento HTML. Es necesario utilizar un selector adecuado aquí, por ejemplo, $('#someid') para seleccionar el elemento con id='someid'. Si desea cambiar el fondo corporal, el uso $('body').

En resumen, se debe quedar con:

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

Answer 2

Su problema no está en getItem ni nada, pero la capitalización de su nombre de la propiedad CSS. Es de fondo C olor, no backgroundColor.