当前位置: 首页 > Web前端 > CSS

classList属性

时间:2023-03-30 16:57:02 CSS

HTML5为每个元素定义了classLlist属性,用于在元素中添加、移除和切换CSS类。该属性是一个DOMTokenList对象(一个只读的类数组对象),您可以通过DOMTokenList定义的方法修改它。属性:length:返回类列表中类的数量(只读)用法:el.classList.length方法:.a{color:red}.b{color:green}.c{color:yellow}

varel=document.getElementById(div);add(class1,class2,...)给元素添加一个或多个类名(如果指定的类名已经存在,则会不被添加)用法:`el.classList.add("a","b","c");`remove(class1,class2,...)删除元素中的一个或多个类名用法:el.classList.remove('a','b');toggle(class,true|false)切换元素中的类名参数1:要移除或添加的类名参数2:可选参数,不管类名是否存在,为true时强制添加类name,false时强制删除类名用法:Add:el.classList.toggle("d",true);删除:el.classList.toggle("d",false);contains(class)判断指定的类名是否存在用法:el.classList.contains("e"),//returntrueitem(index)根据索引返回类名,索引从0开始,如果不,返回null用法:el.classList.item(0)//returne