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) : 如果列表已存在给定的值,删除它;如果列表没有给定值,添加它。

 

posted @ 2021-07-07 17:31  名字不好起啊  阅读(318)  评论(0编辑  收藏  举报