保存HTML元素的数据，以便以后可以访问

Question

Everything I've read says do not save custom properties or attributes to HTML DOM Elements. So I'm trying to figure out how else I should save properties/attributes for an element such that I can access them later.

Originally I was thinking of using the element as the key in a hash but JS converts hash keys to string so that won't work.

Use case:

function do1(element)
{
    var w = element.style.width;
    element.style.width = "200px";

    // i want to save the w variable for this element somewhere/somehow
}

function do2(element)
{
    // i want to be able to get the w variable i saved earlier for the element
}

I thought of using the element 's ID but the element won't always have an ID that I can use and I can't set one because there might be other JS that dynamically sets ID s for elements.

Answer 1

Why not use data attributes ? They're specifically intended for storing extra data on an element.