DOM 元素 classList 的操作方式
获取到 DOM 元素后,操作元素的 class 是很常见的操作,classList 这个属性使用起来很方便。
classList 属性是集合类型 DOMTokenList 的实例。有 length 属性,表示自己包含多少元素
与其他 DOM 集合类似,可以使用 item 或 [] 取得元素
此外还有 add(value)、contains(value)、remove(value)、toggle(value) 4个方法
add(value) : 将给定的字符串添加到列表中;如果值已存在,则不再添加
contains(value) : 表示列表中是否存在给定值,存在返回 true ,否则返回 false
remove(value) : 从列表中删除给定字符串
toggle(value) : 如果列表已存在给定的值,删除它;如果列表没有给定值,添加它。