Javascript localStorage getItem问题

我的页面上有多个输入，并将来自这些输入的数据存储在..通过单击按钮（由于文本是键入和存储的，因此认为它不会从这些字段中消失）

var newDate=document.getElementById（'event_date'）//我的意见
var storageNewDate=newDate.value//我的文本在其中传输到
setItem（'Date'，storageNewDate）//数据被存储

但我无法从localStorage检索存储的数据。我的Web开发人员工具向我显示存储的数据存在，但当我打开或重新加载页面时，我的字段变为空

    var insideSpanTags = document.getElementsByClassName("spanEvent");//all my <spans> 
      insideSpanTags.innerHTML = localStorage.getItem('Date');// I want my stored data to be shown there   

var insidespantgs=document.getElementsByClassName（“spanEvent”）//我所有的
insidespantgs.innerHTML=localStorage.getItem（'Date'）；//我希望我存储的数据显示在那里

---

那么，如何在每次刷新或重新加载页面时将存储的数据放入标记中

您需要循环选择器

var insideSpanTags = document.getElementsByClassName("spanEvent");

for(var i=0; i<insideSpanTags.length; i++){
      insideSpanTags[i].innerHTML = localStorage.getItem('Date');
}

---

就这样！塔克斯！但是你能告诉我，我怎样才能得到一个特定的数据，因为在我放入循环后，它会在每个标记中显示相同的“日期”数据。我想在每个标签中看到唯一的数据。就像你在那里创建了一些事件（这不是我创建的，只是为了解释），然后希望它显示在自己的单元格中（每个单元格中的事件不同）@Alexandrblov您需要学习如何将对象存储在localStorage中，然后将其解析回以检索所需的值。@Alexandrblov从您的问题中无法知道您存储的是什么类型的数据。正如我看到的，您正在存储单个

ID

的元素

值

，因此您的注释有点奇怪。注释已编辑。请读一读。@AlexandBelov，正如我所说的，正如你们所看到的，这非常容易。

var insideSpanTags = document.getElementsByClassName("spanEvent");

for(var i=0; i<insideSpanTags.length; i++){
      insideSpanTags[i].innerHTML = localStorage.getItem('Date');
}

var insideSpanTags = document.getElementsByClassName("spanEvent");
var events = [
    {
        'date': '7-1-2015',
        'event': 'Event Title',
        'participants': 'John, Robert',
        'description': 'Football'        
    },
    {
        'date': '23-1-2015',
        'event': 'Event Title 2',
        'participants': 'Peter, Rob',
        'description': 'Basketball'        
    },
];


// On Save, use this to store your events:
localStorage.evts = JSON.stringify( events );
// Now events are stored in LS


// After it's saved but also while first reading use:
var storedEvts = JSON.parse( localStorage.evts );
console.log( storedEvts );


// Just to test
storedEvts.forEach(function(el, idx){
  insideSpanTags[idx].innerHTML = el.date;
});

// Result:
//> 7-1-2015
//> 23-1-2015