JS :将outerHTML保存和恢复到本地存储，没有库，没有jquery

JS是JavaScript的缩写，是一种广泛应用于网页开发的脚本语言。在网页开发中，可以使用JS来实现将outerHTML保存和恢复到本地存储的功能，即将网页元素的HTML代码保存到本地，然后再恢复到网页中。

要实现将outerHTML保存到本地存储，可以使用浏览器提供的Web Storage API中的localStorage对象。localStorage对象可以将数据以键值对的形式存储在浏览器中，数据会一直保存在本地，即使关闭浏览器也不会丢失。

下面是一个示例代码，演示了如何使用JS将outerHTML保存到本地存储：

// 获取要保存的元素
var element = document.getElementById("exampleElement");

// 将元素的outerHTML保存到本地存储
localStorage.setItem("savedHTML", element.outerHTML);

// 从本地存储中恢复保存的HTML
var savedHTML = localStorage.getItem("savedHTML");

// 将保存的HTML设置为元素的内容
element.innerHTML = savedHTML;

在上述代码中，首先通过getElementById方法获取要保存的元素，然后使用localStorage.setItem方法将元素的outerHTML保存到本地存储中，键名为"savedHTML"。接着使用localStorage.getItem方法从本地存储中获取保存的HTML，最后将保存的HTML设置为元素的内容。

这种方法适用于保存和恢复单个元素的outerHTML，如果需要保存和恢复多个元素，可以使用类似的方式，将它们的outerHTML拼接成一个字符串进行保存和恢复。

推荐的腾讯云相关产品：腾讯云对象存储（COS） 腾讯云对象存储（COS）是一种安全、低成本、高可靠的云端存储服务，适用于存储大量非结构化数据，如图片、音视频、文档等。您可以将保存的HTML代码作为一个文件上传到腾讯云对象存储中，并通过提供的API进行管理和访问。

腾讯云对象存储产品介绍链接地址：https://cloud.tencent.com/product/cos