使用DOM元素键的JavaScript地图

Question

我想一些“私人”的数据与DOM元素相关联。我没有将这些数据添加到DOM元素本身（我想避免更改DOM元素），而是将一个单独的数据对象作为地图使用。

不是：

document.GetElementById('someElementId').privateData = {}; 

我想做

internalPrivateDataMap[document.GetElementById('someElementId')].privateData = {}; 

并不是所有的元素都有一个ID字段，还有一些是动态创建的，所以我不能使用id作为键。

对大多数元素来说，这很好，但对于“a”元素，被使用的关键似乎是元素的href，我认为是因为DOM为元素定义了toString（）函数。

这样做的结果是，如果我有两个“一”与同HREF，他们正在共享privateData，这是我不希望的元素。

我目前的解决方法是产生内部UNIQUEID我可以作为一个按键使用，但需要我来修改DOM元素，而我试图避免的。

Answer 1

正如你注意到了，这不正常，我知道有没有办法让它不要么让每一个元素的（生成）ID或至少一个唯一的ID分配给新的自定义要素领域的工作; DOM节点根本没有必要的属性作为映射中的键。

所以，你真的有这些解决方案留下：

• 为每一个元素生成的ID，除非它已经有一个
• 分配一个唯一的ID到一个新的私有字段。这样，您可以保持每个DOM节点的内存影响较小，并仍将您的私人数据保留在不同的位置。不要忘记，当DOM元素被删除时，您需要以某种方式清除私有数据。
• 使用类似的jQuery具有element.data()阅读并把私有数据到DOM元素
• 使用自己的element.privateData = {};请注意，您仍然需要对不断引用的元素或你会有意想不到的内存泄漏事件处理程序清理。