与HTMLElement对象进行数据关联的最佳实践？

Question

我遇到了三种使用HTMLElement对象存储任何数据的方法.

有人可以建议将任何数据与元素对象相关联的最佳实践吗？

我更喜欢数字3,因为它没有像1和2那样设置任何HTML属性.这就像在对象上设置和获取任何属性一样.

1. 使用setAttribute('nonStandardDataProperty')
2. 使用HTMLElement对象的dataset属性,例如dataset.x,用于data-xattribute
3. HTMLElement是对象,因此定义任何属性,它将作为该元素的数据存储

Answer 1

在我看来，选项#2 是最“符合标准”的，如果这就是您所寻找的；另外，它允许您在 HTML 中设置这些属性，同时仍然保持有效的标记。这通常是我的偏好，但实际上是在您的情况下最适合您的方式：如果有效，就采用它。