有没有将JavaScript对象附加到HTML元素的好方法？

我想将JavaScript对象与HTML元素相关联。有没有简单的方法可以做到这一点？

我注意到HTML DOM定义了setAttribute方法，它看起来像是为任意属性名称定义的。但是，这只能设置字符串值。（您当然可以使用它来将密钥存储到字典中。）

细节（尽管我对一般问题最感兴趣）：

具体来说，我有HTML元素表示一棵树中的节点，并且试图启用拖放功能，但是jQuery drop事件只会让我拖放元素。

向事件处理程序获取信息的正常模式似乎是在创建JavaScript对象的同时创建HTML元素，然后通过关闭这些JavaScript对象来定义事件处理程序-但这在此方面效果不佳情况（我可能有一个全局对象，当拖动开始时会填充它……但是感觉有点讨厌）。

您是否看过jQuery data（）方法？您可以根据需要将复杂对象分配给元素，也可以利用该方法至少保留对对象（或其他数据）的引用。

JavaScript对象可以分配有任意属性，您无需做任何特殊操作即可允许它。这包括DOM元素；尽管此行为不是DOM标准的一部分，但可以追溯到JavaScript的第一个版本，并且完全可靠。

var div= document.getElementById('nav');
div.potato= ['lemons', 3];