Comment puis-je définir ma couleur d'arrière-plan via HTML5 getItem?

Question

Im en utilisant ce code:

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

Quand j'écris:

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

Il me donne l'alerte appropriée, rgb (243,102,42) importante; ....

Vraiment à moi .. merci les gars!

modifier:

Code Entourer:

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

Voilà, merci les gars

Answer 1

• Utilisez 'background-color' au lieu de 'backgroundcolor'.
• Supprimez le !important. Vous ne pouvez pas définir cette propriété à partir de Javascript.
• Vous ne devez pas placer le point-virgule à la fin de la valeur.

---

Mise à jour:

En plus de ce qui précède, il semble que this n'est pas un élément HTML. Vous devez utiliser un sélecteur approprié ici, par ex. $('#someid') pour sélectionner l'élément avec id='someid'. Si vous voulez changer l'arrière-plan du corps, utilisez $('body').

Pour résumer, vous devriez être laissé avec:

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

Answer 2

Votre problème n'est pas getItem ou quoi que ce soit, mais la capitalisation de votre nom de la propriété CSS. C'est le fond C olor, pas backgroundcolor.