将 javascript 对象分配给 html 元素的最佳方法

Question

我通过 ajax 获取一个 javascript 对象。我需要将此对象附加到 div 以便稍后恢复，例如，在单击事件上。

如果我有一个变量而不是一个对象，我会将它推入 html 标签，如下所示：

'<div variable="'+value+'"></div>';

我会像这样恢复它的价值：

var value= $(this).attr('variable')

你能建议我一个用对象来做到这一点的好方法吗？

非常感谢！

Answer 1

最简单的方法是这样做：

<div id="myDiv">...</div>

在 JavaScript 中

var myDiv = document.getElmentById('myDiv');
myDiv._variable = variable;

如果需要，您可以稍后恢复它，只需使用相同的 myDiv 变量，或者再次使用返回document.getElementById()该元素的任何其他 DOM 方法。

var variable = myDiv._variable;

这样做的缺点是您无法在服务器中或从标记中指定要附加到元素的对象。