html5 — 获取class列表属性

classList

用classList获取一个元素的class集合，类数组对象

基于classList的方法：
—length : class的长度
—add() : 添加class方法
—remove() : 删除class方法
—toggle() : 切换class方法（切换是指没有class集合中没有这个类则增加，有这个类则删除）

<ul>
    <li id='li2' class='box2'></li>
    <li></li>
</ul>
<script>
    var oLi=document.querySelector('#li2');
    alert(oLi.classList.length);//判断oLi的长度
    oLi.classList.add('box1');//新增一个类
    oLi.classList.remove('box2');//删除已有的类
    oLi.classList.toggle('box3');//切换一个类，有就删除，没有就添加
</script>
</body>