关于html5 classList 使用

翻看html5 classList API：

myDiv.classList.add('myCssClass'); // 添加 class  
myDiv.classList.remove('myCssClass'); // 移除 class  
myDiv.classList.toggle('myCssClass'); // 切换 class  

直接上代码吧：

    
1
    
2
    
3
    
4

window.onload=function(){
        var runnerList=document.getElementById("runner_list"),
            btnGo=document.getElementById("go"),
            btnReady=document.getElementById("ready"),
            runnerArr=Array.prototype.slice.call(runnerList.querySelectorAll("li"));

        btnGo.onclick=function(){
            runnerArr.forEach(function(i){
                i.classList.add('go');
            });
        };
    }