将对象追加到innerHTML并从innerHTML获取该对象

Question

here is an example in jsfiddle.

我想知道我是否可以将一个javascript对象附加到innerHTML，从innerHTML再次获取该对象作为对象。

之类的，

alert((this.innerHTML).html);

这只是一个例子，不要问我为什么需要这个？ 我正在尝试编辑现有代码，我必须这样做。 我必须通过div.innerHTML传输一个对象。

Answer 1

检查this jsfiddle。在其中，我将对象添加到div作为'data-'-属性，使用JSON将其转换为字符串。之后，向div添加一些注释会触发DOMSubtreeModified - 处理程序，其中检索并提醒对象的“html”部分。有什么用吗？

Answer 2

在这种情况下，您可能唯一的选择是将对象转换为字符串，然后将其放入元素中。 （这是通过循环键来完成的，在你去的时候构建字符串的值。）

您可以撤消将其转换回对象的过程。

我知道一些javascript libary有辅助函数来使这个过程变得非常简单。

您可以尝试将数据直接添加到dom元素，而不是其内容..

tempDiv.objData = myObject;