<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");