Javascript 循环本地存储并连接

我是一个完全的新手，提前为这样的问题道歉。让本地存储显示在div中的最佳方式是什么？假设我只保留

“。首先”

，我想把所有的钥匙都放进去

这是我想要的结果，但我当然需要缩短它

function myFunction() {
  document.querySelector('.first').innerHTML = (localStorage.key(i))
  document.querySelector('.second').innerHTML = localStorage.key(2)
  document.querySelector('.third').innerHTML = localStorage.key(3)
}

我正在尝试：

function myFunction() {
  document.querySelector('.first').innerHTML = (localStorage.key(i))
  for ( var i = 0; i < localStorage.length; ++i ) { 
    console.log(localStorage.key(i)+ 
    localStorage.getItem(localStorage.key(i))); 
  }
}

函数myFunction（）{
document.querySelector（'.first'）.innerHTML=（localStorage.key（i））
对于（var i=0；i

---

我将循环的结果（很可能是多段文本）附加到何处以在div中排列？

有几种方法可以做到这一点 首先，您不应该使用类选择文档中的元素，因为DOM中的多个项可以具有相同的类。改用ID

您可以在每个循环中附加段落（非常耗时的选项）

函数myFunction（）{
对于（var i=0；i

您可以首先生成innerHTML字符串，然后将其附加到innerHTML

让localStorageItems=''；
函数myFunction（）{
对于（var i=0；i`
}
document.querySelector（'.first'）.innerHTML=localStorageItems；
}

您可以使用以下命令获取div的所有键

document.querySelector('#first').innerHTML = Object.keys(localStorage);

---

这回答了你的问题吗？