我可以在 Javascript 的 DOM 节点中存储非文本属性吗

Question

我想将 Javascript 中的对象存储在 DOM 节点的自定义属性中。我试过 setAttribute/getAttribute，但他们将属性转换为文本。

假设我已经完成了

node = document.getElementById( 'SAMPLE' );
object = { test: function( ){ stuff; } };

这在我测试过的任何地方都不起作用

node.setAttribute( 'info', object );
val = node.getAttribute( 'info' ) ;

因为它给 val 留下一个字符串值。

如果我这样做

node[ 'info' ] = object;

然后

val = node[ 'info' ];

稍后在我的脚本中归还我的对象。

这可以在 HTML5 之前的浏览器（如旧 IE）中工作吗？安全吗？

Answer 1

您可以将其“附加”为属性，但这不是一个好主意。 – 罗布格

所以，这是我对替代方案的建议：

1. 生成一个唯一的字符串 - 简单的方法可能是Date.now().toString()，除非您在循环或其他方式中生成它们。在这里使用最有效的方法。

2. 有一个全局对象，比如domdata = {};

3. 分配domdata[unique_string] = your_data_here;

4. 保存node.setAttribute("data-dom-id",unique_string);

您现在可以通过以下方式检索数据：

5. 获取unique_string = node.getAttribute("data-dom-id");

6. 检索domdata[unique_string]

完成！ :)