javascript - 如何在 dom 元素数据属性上存储对对象的引用？

Question

我想为 dom 树的某些元素保存对反射(reflect)当前 dom 元素属性的特定对象的引用。每个元素可以对另一个对象有不同的引用，或者它们可以引用相同的对象。因此是否可以使用 html5 的数据属性，或者是否有另一种方法可以在纯 javascript(不是 jquery)中做到这一点。

感谢您的帮助!

Answer 1

如果您只是想存储静态属性，那么您可以在每个 dom 元素上使用 setAttribute 方法，就像这样

//Assume x is a dom node
x.setAttribute( 'data-myproperty' , JSON.stringify( your property object )  )

但是，如果您要查看的内容不是 JSON 可编码的(或者更确切地说不能表示为字符串)，那么您将不得不考虑其他方式。

jQuery 数据方法实际上并不在 dom 元素本身上存储任何内容。它维护一个内部缓存，其中包含传递给它的所有数据。