在HTML5中添加了data-*的方式来自定义属性，所谓data-*实际上上就是data-前缀加上自定义的属性名,命名可以用驼峰命名方式，但取值是必需全部使用小写，否则是undefinde 使用这样的结构可以进行数据存放。使用data-*可以解决自定义属性混乱无管理的现状。

   小写

    
      驼峰式
    

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);