JS的DOM的h5自定义属性

• data- 表示该属性是一个自定义属性
• data- 后边的内容才是属性名，当前案例中属性名为a，不是data-a
• = 后边的内容是属性值
• 每一个 元素/DOM节点 天生自带一个属性，叫做dataset，是一个类似对象的数据结构

     //  0.获取标签
     var oDiv = document.querySelector('div')
     // 1.访问元素得到dataset属性   查询
     console.log(oDiv.dataset.a) //100
     // 2.增加一个h5自定义属性
     oDiv.dataset.age = 18 //标签中没有这个自定义属性,所以是新增
     oDiv.dataset.a = 'QF666' //标签中有这个自定义属性,所以是修改操作
     // 3.删除
     delete oDiv.dataset.a