className添加類名比較僵硬，如在添加按鈕點擊事件令其添加時，則多次點擊則會出現多個類名，而classList則是class正確增改刪的應用方法，如：

　　<div id='div1'></div>

　　利用className:

　　　　div1.onclick = funcktion(){

　　　　　　div1.className = 'c1'

　　　　}

　　　　多次點擊結果：<div id='div1' class='c1c1c1c1c1'></div>

　　　　注：如果中間有空格（即：div1.className = ' c1'）

　　　　　　則輸出結果為<div id='div1' class=' c1 c1 c1 c1 c1'></div>

　　　　　　顯然第一個也有空格；

　　利用classList：

　　　　div1.onclick = funcktion(){

　　　　　　div1.className = 'c1'

　　　　}

　　　　多次點擊結果：<div id='div1' class='c1'></div>