Чи є хороший спосіб приєднати об’єкти JavaScript до елементів HTML?

Я хочу пов'язати об'єкт JavaScript з елементом HTML. Чи є простий спосіб це зробити?

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

Специфіка (хоча мене здебільшого цікавить загальне питання):

Зокрема, у мене є HTML-елементи, що представляють вузли у дереві, і я намагаюсь увімкнути перетягування, але подія падіння jQuery дасть мені лише елементи, які перетягуються та скидаються.

Здається, звичайним шаблоном отримання інформації до обробників подій є створення елементів HTML одночасно з тим, як ви створюєте об'єкти JavaScript, а потім визначення обробників подій, закриваючи ці об'єкти JavaScript - однак це не працює занадто добре в цьому case (у мене може бути глобальний об'єкт, який заповнюється, коли починається перетягування ... але це здається трохи неприємним).

Ви розглядали метод jQuery data () ? Ви можете призначити елементу складні об'єкти, якщо хочете, або ви можете використати цей метод, щоб утримувати посилання на об'єкт (або деякі інші дані) принаймні.

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

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