Есть ли хороший способ прикрепить объекты JavaScript к элементам HTML?

Я хочу связать объект JavaScript с элементом HTML. Есть простой способ сделать это?

Я заметил, что HTML DOM определяет метод setAttribute, и похоже, что он определен для произвольного имени атрибута. Однако это может устанавливать только строковые значения. (Вы, конечно, можете использовать это для хранения ключей в словаре.)

Особенности (хотя меня больше интересует общий вопрос):

В частности, у меня есть элементы HTML, представляющие узлы в дереве, и я пытаюсь включить перетаскивание, но событие drop jQuery даст мне только перетаскиваемые элементы.

Обычным шаблоном для получения информации обработчикам событий, по-видимому, является создание элементов HTML одновременно с созданием объектов JavaScript, а затем определение обработчиков событий путем закрытия этих объектов JavaScript - однако в данном случае это работает не очень хорошо. case (у меня мог бы быть глобальный объект, который заполняется, когда начинается перетаскивание ... но это немного неприятно).

Вы смотрели на метод jQuery data () ? Вы можете назначить элементу сложные объекты, если хотите, или вы можете использовать этот метод для хранения ссылки на объект (или некоторые другие данные), по крайней мере.

Объектам JavaScript могут быть назначены произвольные свойства, вам ничего не нужно делать, чтобы это разрешить. Сюда входят элементы DOM; хотя такое поведение не является частью стандарта DOM, оно имело место с самых первых версий JavaScript и является полностью надежным.

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