从本地存储中的元素取消保存/重置用户编辑

Question

我似乎无法弄清楚如何从我尝试进行的网站规划器的本地存储中删除单个元素中的用户编辑。

计划器显示接下来的七天，用户可以向每一天添加注释。用户可以选择每天单独保存笔记(通过按"保存日"按钮(，每天都有一个单独的元素，保存到本地存储中并且一切正常。我想为用户提供一种通过按"重置日"按钮来清除每一天笔记的方法，但我不知道该怎么做。我可以使用 localStorage.clear((; 一次清除所有内容，但我希望每个元素都能单独清除。

<script>
function resetEdits1() {    
localStorage.removeItem("edit1");
}
</script>

我已经尝试过了，但我认为这不适用于元素(如"edit1"(。

<script>
function saveEdits1() { 
var editElem = document.getElementById("edit1");
var userVersion = editElem.innerHTML;
localStorage.userEdits1 = userVersion;
}
</script>

这就是我将元素保存到本地存储中的方式。我正在尝试逆转该过程，以返回到进行编辑并添加到本地存储之前的元素。

Answer 1

在给定的代码中，您永远不会设置 localStorage 项"edit1"。因此，如果它不存在，显然无法将其删除。您可能已设置的唯一本地存储项是"userEdits1"。因此，您需要使用

localStorage.removeItem("userEdits1");

以将其删除。

我认为，再次了解如何从本地存储中设置、获取和删除项目会很有帮助。这个网站可能会对此有所帮助。