classList属性和className的区别

className的不方便之处：

在操作类名时，需要通过className属性添加，删除和替换类名。因为className中是一个字符串，所以即使只修改字符串一部分，也必须每次都设置整个字符串的值。（如下所示：）

 

html部分

 

 

但是！！！classList却极为方便！！！所以classList诞生了...

●classList属性：这个属性是新集合类型DOMTokenList的实例。其包含以下属性和方法：

->length

->item（）（也可以用方括号语法）：取得每个元素

->add（）：将给定的字符串值添加到列表中。如果值已经存在，就不添加。

->contains（）：表示列表中是否存在给定的值，如果存在则返回true，否则返回false。

->remove（）：从列表中删除给定的字符串。

->toggle（）：如果列表中已经存在给定的值，删除它；如果列表中没有给定的值，添加它。

 

作者：royluck
链接：https://www.jianshu.com/p/86f45d04ed50
來源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。