html:
<div data-one="1" data-two="2"> dataset参数 </div>
JS:
// 使用HTML5中的element.dataset操作自定义data-*数据 var div_elem=document.querySelector("div"); // 获取自定义属性 console.log(div_elem.dataset); // 添加自定义属性 div_elem.dataset.cc="333" //添加时,用小驼峰式写法 div_elem.dataset.onePeople="444" console.log(div_elem.dataset); // 注意: // 0.元素的属性值要以data-开始 // 1.element.dataset不能够直接拿来用,否者你会遇到报错提示 // 2.用JavaScript里使用data-*属性名时,要把名称转变成驼峰式命名(Camel-Case) // 3.名称不能以xml打头 // 4.名称里不能有大写字母
标签:定义数据,自定义,elem,dataset,div,data,属性 From: https://www.cnblogs.com/zhaofen/p/16955247.html