How to bind your object to HTMLElement'u (without jQuery)?

Question

JavaScript

Question from a dinosaur in the JS world. There are several HTMLElements selected by the selector. To these elements, you need to bind an object that stores some additional parameters specific to these elements, for example, the old color and the new color, so that when you click on the button, these colors switch.
How to do it WITHOUT jQuery? The property of the dataset element can store only string values, and I did not find any more suitable fields for storing custom data. As an option, use WeakMap, where the key is a reference to an HTMLElement, and the value is a reference to an object.

Answer 1

it should work just fine.
html_element['my_custom_param'] = { my_val:1 };

Answer 2

If you decide on the forehead, then serialize the object into a json string, and store it in the dataset