将自定义数据存储在dom元素中

Storing custom data in dom elements

本文关键字：dom 元素存储自定义数据更新时间：2023-09-26

这是错误的吗？如果是，为什么？

var elm = document.getElementById("myElm");
elm.customValue = {attr1 : "test", attr2 : "test"};

我知道如何使用数据属性，但我不想用所有这些属性混淆我的dom。

这在一些浏览器中引入了内存泄漏，因为您将本机C对象（DOM元素）和JS对象绑定在一起，而一些垃圾收集算法无法处理此问题。IE就是其中之一。

下面是一篇关于IE内存泄漏的MSDN文章：http://msdn.microsoft.com/en-us/library/ie/bb250448（v=vs.85）.aspx

最重要的是，为什么不使用适当的可用工具？您不知道将来，无论是近还是远，您使用的任何自定义属性名称都将添加到该特定元素的w3c规范中。现在，你的代码突然被破坏了。

不要介意将自定义属性添加到已经定义了属性的元素会使代码成为维护噩梦。无论是你还是将来维护它的其他人，都会有一个"wtf"时刻，开发者试图弄清楚a）元素中添加了自定义属性，还是b）元素本身实际上是一个自定义对象。

最后，如果通过Ajax或动态HTML在dom中替换该元素，该怎么办？现在，属性不见了，您的代码也被破坏了。

您应该考虑HTML5数据属性。

来自该男子本人：http://ejohn.org/blog/html-5-data-attributes/