这篇文章主要介绍了HTML5自定义属性前缀data-及dataset的使用方法(html5 新特性),需要的朋友可以参考下:
HTML5规定可以为元素添加非标准的属性，但要添加前缀 data- ，目的是为元素提供与渲染无关的信息，或者提供语义信息。这些属性可以任意添加、随便命名，只要以 data- 开头即添加了自定义属性之后，可以通过元素的 dataset 属性来访问自定义属性的值。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div id="test" data-data-user="user1" data-name="name1"> </div> </body> <script type="text/javascript"> debugger; var test = document.querySelector("#test") console.log(test.dataset)// console.log(test.dataset.dataUser)//user1 conaole.log(test.dataset.name)//name1 </script> </html>注意：这里使用驼峰命名。
参考链接: https://developer.mozilla.org/zh-CN/docs/Web/API/HTMLElement/dataset
