如何从本地存储中删除特定项目?

时间:2020-07-27 11:36:32

标签: javascript html local-storage

我正在尝试使用js和本地存储创建简单的注释列表应用程序。
我已经完成了所有详细信息,但最后我想删除由应用程序从本地存储创建的特定项。
我知道使用localstorage.clear()是当我们要清除本地存储中的所有数据时使用的方法。
但是,当我要从存储中删除特定项目时,尤其是本地存储中的数据为html格式时,该怎么办...
这是我的代码https://jsfiddle.net/cjw1rf74/

 <div class="created_comment">
   <div class="img_side">
   <img src="./avatar.png" style="height:40px; width:40px">
   </div>
   <div class="comment_side">
       <p>                    Enter text here...</p>
      
</div>
<span class="posit">✗</span>
</div>
   

本地存储中的数据像上面的代码段一样保存

3 个答案:

答案 0 :(得分:0)

您可以按照mozila reference所述使用localStorage.removeItem('item name');

答案 1 :(得分:0)

将项目设置为本地存储和

localStorage.setItem("mytime", Date.now());

和对于RemoveItem

localStorage.removeItem('mytime');

答案 2 :(得分:0)

您应该使用removeItem可用的localStorage方法

localStorage.removeItem('itemKey');

检查参考:https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage