Javascript-className与classList的区别

className添加类名比较僵硬，如在添加按钮点击事件令其添加时，则多次点击则会出现多个类名，而classList则是class正确增改删的应用方法，如：

　　

　　利用className:

　　　　div1.onclick = funcktion(){

　　　　　　div1.className = 'c1'

　　　　}

　　　　多次点击结果：

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

　　　　　　则输出结果为

　　　　　　显然第一个也有空格；

　　利用classList：

　　　　div1.onclick = funcktion(){

　　　　　　div1.className = 'c1'

　　　　}

　　　　多次点击结果：