¿Existe una buena forma de adjuntar objetos JavaScript a elementos HTML?

Quiero asociar un objeto JavaScript con un elemento HTML. ¿Existe una forma sencilla de hacer esto?

Noté que HTML DOM define un método setAttribute y parece que esto está definido para un nombre de atributo arbitrario. Sin embargo, esto solo puede establecer valores de cadena. (Por supuesto, puede usar esto para almacenar claves en un diccionario).

Específicos (aunque estoy principalmente interesado en la pregunta general):

Específicamente, tengo elementos HTML que representan nodos en un árbol y estoy tratando de habilitar la función de arrastrar y soltar, pero el evento jQuery drop solo me dará los elementos que se arrastran y sueltan.

El patrón normal para llevar información a los controladores de eventos parece ser crear los elementos HTML al mismo tiempo que crea objetos JavaScript y luego definir los controladores de eventos cerrando estos objetos JavaScript; sin embargo, esto no funciona muy bien en este caso (podría tener un objeto global que se llena cuando comienza un arrastre ... pero esto se siente un poco desagradable).

¿Ha mirado el método jQuery data () ? Puede asignar objetos complejos al elemento si lo desea o puede aprovechar ese método para mantener una referencia a un objeto (o algunos otros datos) como mínimo.

Los objetos JavaScript pueden tener asignadas propiedades arbitrarias, no hay nada especial que tenga que hacer para permitirlo. Esto incluye elementos DOM; aunque este comportamiento no es parte del estándar DOM, ha sido el caso desde las primeras versiones de JavaScript y es totalmente confiable.

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