date-*添加自定义属性

<!-- 以data-*的形式添加属性 -->
<div data-x="aaa"></div>

以element.dataset.*的形式查找/修改属性

document.querySelector('div').dataset.x

以getAttribute方法查找属性,以setAttribute方法修改属性

document.querySelector('div').getAttribute('data-x');

document.querySelector('div').setAttribute('data-x'，‘bbb’);//修改

 以date-Aaa-Bbb命名时，获取是应换成驼峰式

<div data-aaa-bbb="aaa"></div>
//获取时↓
document.querySelector('div').dataset.aaaBbb