html5 背后新增的api--给自己看的

<style>

.tagClass{

}

</style>

<div id = 'tag' data-pub = 'pubA' data-action = 'actionA' class = 'tag'>dddd</div>

var tag = document.getElementById('tag');

------------classList------------

tag.classList.add(tagClass) //增加

tag.classList.remove(tagClass) //删除

tag.classList.toggle(tagClass) //开关

tag.classList.contains(tagClass) //是否含有

-------------标签data自定义属性------------------

dataset并不是典型意义上的JavaScript对象，而是个DOMStringMap对象，DOMStringMap是HTML5一种新的含有多个名-值对的交互变量

var pub = tag.dataset.pub//取值等同 getAttribute("data-pub");

tag.dataset.pub = "pubB"//赋值 setAttribute("data-pub","pubB");

delete tag.dataset.action//删除 removeAttribute("data-action");