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>
浙公網安備 33010602011771號