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

Question

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

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

我更喜欢数字 3，因为它不像 1 和 2 那样设置任何 HTML 属性。这就像在对象上设置和获取任何属性。

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

Answer 1

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