Как привязать свой объект к HTMLElement'у (без jQuery)?

Question

[Кирилл Текорд]

Вопрос от динозавра в мире JS. Есть несколько HTMLElement'ов, выбранных по селектору. К этим элементам нужно привязать объект, который хранит некоторые дополнительные параметры, специфичные для данных элементов, например, старый цвет и новый цвет, чтобы при нажатии на кнопку происходило переключение этих цветов.

Как это сделать БЕЗ jQuery? Свойство элемента dataset может хранить только строковые значения, а больше никаких подходящих полей для хранения кастомных данных не нашёл. Как вариант — использовать WeakMap, где ключ — ссылка на HTMLElement, а значение — ссылка на объект.

Answer 1

[Medin K]

вполне должно работать.
html_element['my_custom_param'] = { my_val:1 };

Comments

[Кирилл Текорд]

Интересно, не знал, что так можно, спасибо!

Answer 2

[Pavel Shvedov]

Если решать в лоб, то сериализуй объект в json строку, и храни в dataset

Comments

[Кирилл Текорд]

С объектом нужно часто работать, сериализовывать\десериализовывать не удобно