dataset
<div data-to-do-sth="you know nothing" data-name="Jon Snow"></div>
ele.dataset // DOMStringMap {toDoSth: "you know nothing", name: "Jon Snow"}
ele.dataset.toDoSth // you know nothing
ele.dataset.todoSth="hehe" // <div data-to-do-sth="you know nothing" data-name="Jon Snow" data-todo-sth="hehe"></div>
dataset是DOMStringMap对象
不支持对象和数组,会调用toString方法转化为字符串传入
类似jquery的$().data()方法 但是jquery该方法是在cache中缓存维护。
// 向下兼容
if(ele.dataset){
ele.dataset[attr]=val;
} else {
ele.setAttribute(attr, val);
}