在HTML5中添加了data-*的方式来自定义属性，所谓data-*实际上上就是data-前缀加上自定义的属性名,命名可以用驼峰命名方式，但取值是必需全部使用小写，否则是undefinde 使用这样的结构可以进行数据存放。使用data-*可以解决自定义属性混乱无管理的现状。
小写
<div id="app" data-app="app">
驼峰式
let cour = document.querySelector(‘#cour‘);
获取data-的值
let app = document.querySelector(‘#app‘);
let cour = document.querySelector(‘#cour‘);
console.log (app.dataset.app);
console.log (cour.dataset.courcd);
原文：https://www.cnblogs.com/zhx119/p/9981371.html