className的不方便之处：
在操作类名时，需要通过className属性添加，删除和替换类名。因为className中是一个字符串，所以即使只修改字符串一部分，也必须每次都设置整个字符串的值。（如下所示：）
html部分
但是！！！classList却极为方便！！！所以classList诞生了...
●classList属性：这个属性是新集合类型DOMTokenList的实例。其包含以下属性和方法：
->length
->item（）（也可以用方括号语法）：取得每个元素
->add（）：将给定的字符串值添加到列表中。如果值已经存在，就不添加。
->contains（）：表示列表中是否存在给定的值，如果存在则返回true，否则返回false。
->remove（）：从列表中删除给定的字符串。
->toggle（）：如果列表中已经存在给定的值，删除它；如果列表中没有给定的值，添加它。
作者：royluck
链接：https://www.jianshu.com/p/86f45d04ed50
來源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。