JavaScript 如何在浏览器中缓存 DOM 元素？

Question

JavaScript 如何在浏览器中缓存 DOM 元素？

场景

在当前页面中，如果找不到某个元素，就使用上一个页面的，有没有可能通过浏览器缓存保存每个页面中的指定元素呢？

例如

1. 在 A 页面存在元素 p，那么就显示 p 标签里面的内容。
2. 在 B 页面中没找到元素 p，那么就显示上一次 p 元素的内容

附：Element 对象序列化后是 {}，原因不明。。。

---

有人说可以用 element.outerHTML 属性，然而获取到类似于 <p id="id">内容</p> 吾辈也不可能将之与原本的元素关联起来，所以貌似没什么作用？(=^-ω-^=)

---

这里补充一下，吾辈不仅仅是要获取元素的一些内容，还要对其进行模拟点击之类的操作（实际上是高亮）

Answer 1

不用序列化，直接用Element的outerHTML属性。