如何localStorage包含div的变量并恢复它

时间:2014-01-18 13:11:21

标签: javascript json object html local-storage

这是HTML&的JavaScript。

我有一个包含page1的div元素的变量。我需要的只是将这个变量传递给第2页(它将在第1页中嵌入iframe,在该变量的div中)。

//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,(使用):

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

但仍然是“未定”的输出。

我还不明白,为什么这不能将div对象变量存储在localStorage中?。

1 个答案:

答案 0 :(得分:1)

默认情况下不支持,但还有其他可能性。您可以将此answer用于outerHTML。然后,您可以将此字符串存储到localStorage,然后使用jQuery.parseHTML将其恢复为dom对象。