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

Question

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

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

细节(尽管我最感兴趣的是一般性问题):

具体来说，我有代表树中节点的 HTML 元素，我正在尝试启用拖放，但 jQuery 放置事件只会给我被拖放的元素。

向事件处理程序获取信息的正常模式似乎是在创建 JavaScript 对象的同时创建 HTML 元素，然后通过关闭这些 JavaScript 对象来定义事件处理程序 - 但这也行不通在这种情况下很好(我可以有一个全局对象，它在拖动开始时被填充......但这感觉有点讨厌)。

Answer 1

JavaScript 对象可以有任意的属性分配给它们，您不需要做任何特别的事情来允许它。这包括 DOM 元素；虽然这种行为不是 DOM 标准的一部分，但可以追溯到 JavaScript 的第一个版本，并且是完全可靠的。

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