如何使用LocalStorage从待办事项列表中删除项目

时间:2019-01-05 14:02:44

标签: javascript html5

我在做大学作业时遇到了一个问题 一个带有Javascript和localStorage的待办事项列表,除删除功能外,其他所有功能都可以正常工作。 我很乐意为您提供帮助:)

我已经尝试使用EventListener解决该问题,但是没有成功。

http://gdeveloper.tech/todo/FinalV2/ 密码笔:https://codepen.io/gal-regev/pen/EGEpjY 在删除功能中。

我已经成功删除了该项目,但是并没有删除正确的项目。

 function del_item(itemid) { 
   all_notes.splice(itemid, 1); 
   localStorage.setItem("items", JSON.stringify(all_notes)); 
   document.getElementById('noteContainer').innerHTML = ""; 
   location.reload(); 
} 

2 个答案:

答案 0 :(得分:0)

localStorage.removeItem(key)key中删除与localStorage相关的数据。

答案 1 :(得分:0)

尝试使用此方法在localstorage中设置一个值:      示例:localstorage.setItem(key,value)      提及要删除的键值:localstorage.removeItem(key)     `setFunction(){       localStorage.setItem('color','red');       localStorage.setItem('font','arial');

}`

要删除或清空本地存储的值,请提及您要删除先前设置的项目名称,请尝试以下功能:

`removefunction(){
  localStorage.removeItem('color');
}`

要清除本地存储,请尝试以下操作:

`clearStorage(){
  localStorage.clear();
}`

这是本地存储的一般语法