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

Question

我想保存对特定对象的引用，该引用反映了dom树的某些元素的当前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元素本身上存储任何内容。它维护一个内部缓存，其中包含传递给它的所有数据。