此方法能在所有的现代浏览器中正常工作,但它不是HTML 5 的自定义 data-* 属性被使用目的,不然和我们以前使用的自定义属性就没有什么区别了,例如:
data-*主要是对自定义属性做了标准化;循环取值的时候dataset属性比较方便,还有不是问题的问题就是自定义的attribute也不符合html规范(欢迎留言补充)。
使用这种方法时,不是使用完整的属性名,如data-uid来存取数据,应该去掉data-前缀。
还有一点特别注意的是:data-属性名如果包含了连字符,例如:data-date-of-birth,连字符将被去掉,并转换为驼峰式的命名,前面的属性名转换后应该是:dateOfBirth。
在实际开发时,您可能会发现它很有用,你可以根据自定义的data-属性选择相关的元素。例如使用querySelectorAll选择元素:

