How to link javascript objects to DOM nodes?

Question

Can I, and if so, how can I link javascript objects to DOM nodes? My requirements:

• real objects, not just JSON-stringified attributes or so
• do not leak memory
• should also work in non-standard browsers like IE8 or so

I thought about this with a global array that stores data and puts indexes in the attributes of the nodes, but this will be a memory leak, because there is still a link from the array to the data when the nodes are not in the th HOUSE. This is for a web application, so this can be a problem.

Answer 1

WeakMap, , ( 36, 12, IE 11, firefox 36, 7.1):

let map = new WeakMap();
let node = document.getElementById("unicorn");
let data = {};

window.map.set(node, data);

, WeakMap .

Answer 2

, jQuery data, . , .

Answer 3

Since tags do not mention jquery. Submitting a response using Mootools.

http://mootools.net/docs/core/Element/Element#Element:store