问题描述

html标签上的class和data，如何分工？

 <div class="selected" data-type="yellow"></div>

html标签上的class和data两个attribute，都可以用来标记和该节点相对应的一些状态和数据
两者经常混用
如何分工，才算比较合理？

解决方案

class是样式，控制div的显示，data-type是自定义属性或者h5的数据，可以通过dom.dataset.type来获取，这2个不是同一东西。。

解决方案二：

class是控制页面布局样式，data-type控制数据显示的样式，两者获取跟节点元素的方法不一样

解决方案三：

这是两回事吧，不是一个东西