HTML5获取class属性

关键词：classList

---

方法

oDiv.classList //类数组class列表

oDiv.classList.add('box3'); // 添加类

oDiv.classList.remove('box2'); // 移除类

oDiv.classList.toggle('box2'); // 切换类：有删除，无加上

oDiv.classList.length // 类的个数

oDiv.classList.item(0); // 类的项目

 * <div id="div1" class="box box1 box2">div</div>

    window.onload = function(){
    var oDiv = document.getElementById('div1');
    
    console.log( oDiv.classList );  //类似与数组的对象
    console.log( oDiv.classList.length );  //3
    
    oDiv.classList.add('box3');
    
    oDiv.classList.remove('box2');
    
    oDiv.classList.toggle('box2');