使用HTML5 localstorage更新json密钥的值

时间:2015-08-03 09:25:47

标签: javascript html5 local-storage

var data = {  
       "mid":"10000XXX",          
       "css":{  
          "header":{  
             "background-color":"#000",
             "color":"#fff",
             "font-size":"10"
          },
          "txndescr":{  
             "background-color":"#000",
             "color":"#fff",
             "font-size":"10"
          }          
       }
    };

我已按以下方式存储在localstrorage中,

// Put the object into storage
localStorage.setItem('defaultTheme', JSON.stringify(data));

我想更新'header' background-color (#000到#FFF)属性。如何更新价值。

1 个答案:

答案 0 :(得分:2)

更新localStorage中已有的Object的方法如下:

  1. 获取现有项目
  2. 更新值
  3. 保存更新的项目

    //1. Fetch the existing item
    var data = JSON.parse(localStorage.getItem('defaultTheme'));
    //2. Update the value
    data.css.header['background-color'] = '#CCC';
    //3. Save the update item
    localStorage.setItem('defaultTheme', JSON.stringify(data));
    
  4. 干杯