2

我想将 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)中工作吗?安全吗?

4

1 回答 1

3

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

所以,这是我对替代方案的建议:

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

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

  3. 分配domdata[unique_string] = your_data_here;

  4. 节省node.setAttribute("data-dom-id",unique_string);

您现在可以使用以下方法检索数据:

  1. 得到unique_string = node.getAttribute("data-dom-id");

  2. 取回domdata[unique_string]

完毕!:)

于 2015-01-04T23:56:48.667 回答