Javascript 如何本地存储包含div的变量并将其恢复

这是HTML和Javascript

我有一个变量，它包含page1的div元素。我所需要的就是将这个变量传递到第2页（它将在第1页中嵌入iframe，在该变量的div中）

我也尝试使用jStorage（使用）：

但“未定义”的输出仍然相同

---

我不明白的是，为什么它不能在localStorage中存储div对象变量？

默认情况下不支持它，但还有另一种可能性。您可以将其用于

outerHTML

。然后您可以将此字符串存储到

localStorage

，并使用after将其还原为dom对象。

您希望如何将div字符串化…？然后无法将包含div的变量传递到另一个页面？Hmmm。。这似乎是不可能的。我不能重做这个div，因为它所在的div（使用iframe）就是我需要修改“父”属性的页面。嗯，我需要改变我的策略。好。。无论如何谢谢你，谢谢你抽出时间！。

//So: (Javascript in page 1)

//This creates the div and gives it an id.
var MainDiv = document.getElementById('div');
MainDiv.id = "It's me!";

//And now, with JSON, "localStorage" it:
localStorage.setItem("MD", JSON.stringify(MainDiv));


//And now, in page2 we retrieve it, but the object is not the same
var Page1Div = localStorage.getItem("MD");
alert(Page1Div .id);
//This will output "undefined";

$.jStorage.set("MD", MainDiv);
var Page1Div = $.jStorage.get("MD");