我想从本地存储中删除一个项目

Question

实际上我只是想在电子元素中抓取文字

这是html

chrome.declarativeContent

因此，当我单击第一个删除按钮时，我想将'dfsdf'作为字符串，而当我单击第二个删除按钮时，我希望将值'dfsd'作为字符串

当我单击第一个和第二个按钮时，

和e.target.parentElement.textContent分别给出dfsdfdelete和dfsddelete，因为带有文本删除的按钮， 我想要e.target.parentElement.textContent = dfsdf 和e.target.parentElement.textContent = dfsd

Answer 1

要从本地存储中删除任何内容，请将密钥添加到下一个代码中。

localStorage.removeItem('keyName');

或

delete window.localStorage["keyName"]

Answer 2

您可能正在寻找Text.prototype.wholeText和HTMLElement.prototype.closest：

for (const delBtn of document.querySelectorAll('.del-btn')) {
  delBtn.addEventListener('click', function() {
    const liText = this.closest('li').childNodes[0].wholeText;
    // alternative:
    // const liText = this.previousSibling.textContent;
    // or 
    // const liText = this.parentElement.childNodes[0].wholeText;
    // but those ones rely even more strictly on your current DOM structure
    console.log(liText);
  })
}

<ul id="list">
  <li class="list-item">dfsdf<button class="del-btn">delete</button></li>
  <li class="list-item">dfsd<button class="del-btn">delete</button></li>
</ul>

Answer 3

您可以使用：

localStorage.removeItem(tasks);

或

localStorage.clear();