首页 > 解决方案 > 如何将项目列表添加到离线存储?

问题描述

Ι 有表格,带有文本框和一个按钮。

我可以在文本框中添加一些国家/地区的名称,然后按添加按钮,将名称添加到无序列表中。我在每个新元素旁边还有一个删除按钮来删除它们。

我想激活离线存储。我已将一些项目添加到列表中,重新加载页面后,这些项目应保留在列表中。

我不知道如何通过 localStorage.SetItem 访问我的列表以及如何检索这些项目。这是我的代码。需要一些帮助。谢谢


标签: javascript

解决方案


function addToList(countryName){
  const item={name:countryName}
 countryList.push(item)
 localStorage.setItem("elements-list",(JSON.stringify(countryTxt)))
}

var elements_list = JSON.parse(localStorage.getItem('elements-list'));

推荐阅读