相信很多人都知道通过element.className的方式给元素添加class属性或获取元素的class属性。本文要介绍的HTML DOM classList是也可用于给元素添加、移除或切换class属性。
classList的基本使用:一、语法:
element.classList返回的是一个DOMTokenList类数组对象。
二、属性:
length 返回类列表中类的数量
value 返回所有的类名,以逗号隔开
三、方法:
add(class1, class2, ...) 在元素中添加一个或多个类名,如果已经类名已经存在,则不会添加
remove(class1, class2, ...) 移除元素中一个或多个类名
contains(class) 判读指定的类名是否在元素中存在,如果存在,则返回true;否则返回false
item(index) 返回类名在元素中的索引值,该值从0开始
toggle(class, true|false) 如果第二个参数存在且为false,则强制移除指定的类名;如果第二个参数存在且为true,则强制添加指定的类名
兼容性:
chromeiefirefoxsafariopera8.010.03.65.111.5参考:菜鸟教程HTML DOM classList属性