關鍵詞:classList
方法
oDiv.classList //類數(shù)組class列表
oDiv.classList.add('box3'); // 添加類
oDiv.classList.remove('box2'); // 移除類
oDiv.classList.toggle('box2'); // 切換類:有刪除,無加上
oDiv.classList.length // 類的個數(shù)
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 ); //類似與數(shù)組的對象
console.log( oDiv.classList.length ); //3
oDiv.classList.add('box3');
oDiv.classList.remove('box2');
oDiv.classList.toggle('box2');