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

Question

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

感谢帮助！

Answer 1

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

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

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

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