我有一个这样的案例：
有很多＆＃39; Rocks＆＃39;在屏幕上，每个人都有克，分和速度等属性。点击摇滚后，我们会给出它的属性。
现在我把所有的石头都放在了带有data- *的dom上的属性，如data-gram，data-score和data-speed。 ＆＃39; e.target＆＃39;用于获取dom，所有属性也是如此。
<div class="rocks" data-gram="10" data-score="100" data-speed="10"></div>
我想知道这是对的，有什么不利之处吗？
此外，还有其他更好的方法吗？
答案 0 :(得分：1)
是的，这些data-字段是为这些用途而制作的。
另一种方法是在Javascript中创建一个包含该信息的数组或对象。当您点击元素时访问DOM时，它就不会有问题。
如果您尝试在没有DOM访问权限的情况下访问数据，那么在这种情况下使用Javascript数组/对象应该更快。
这真的取决于你。
答案 1 :(得分：1)
是。以这种方式存储与HTML属性相关联的数据是完全有效的。 MDN有一篇关于它的文章。 https://developer.mozilla.org/en/docs/Web/Guide/HTML/Using_data_attributes我要问的问题是，这与您消费/与数据交互的方式相符。你使用的是JavaScript框架吗？您是否考虑过将此数据作为JSON从外部源加载？这会更合适吗？在我的情况下，我倾向于从外部json feed加载这些数据。我发现它更灵活，适合像angular这样的库。