javascript - 如何在 JavaScript 本地存储中逐行存储所有内容？

Question

我有这个 html::

<div>
<h1>This is heading</h1>
</div>

我想将此 html 按原样存储在本地存储中。

但是如果我尝试将此 html 按原样存储在 localstorage 中，它会存储如下内容::

<div><h1>This is heading</h1></div>

有什么解决办法吗？？

Answer 1

您可以在 JavaScript 的模板字符串中这样做。

代码示例如下:

var html = `<div>
<h1>This is heading</h1>
</div>`;

localStorage.setItem('html', html)

获取元素返回多行字符串。

localStorage.getItem('html')
 "<div>
 <h1>This is heading</h1>
 </div>"