javascript - 将数据放入html5 data-* 中是否正确？

Question

我有一个这样的案例:

屏幕上有很多“岩石”，每个“岩石”都有克数、分数和速度等属性。一旦点击岩石，我们就会给出它的属性。

现在我用 data-* 将所有岩石的属性放在 dom 上，例如 data-gram、data-score 和 data-speed。 'e.target' 用于获取 dom，所有属性也是如此。

<div class="rocks" data-gram="10" data-score="100" data-speed="10"></div>

我想知道这样是否正确，有什么缺点吗？

请问还有其他更好的办法吗？

Answer 1

没错，这些data-字段就是为了这些用途而创建的。

另一种方法是在 Javascript 中创建一个数组或对象来保存该信息。由于单击元素时正在访问 DOM，因此这并不重要。

如果您尝试在没有 DOM 访问的情况下访问数据，那么在这种情况下使用 Javascript 数组/对象应该会更快。

这完全取决于你。