操作类名 classList

Posted 2020-12-21 caijinghong

classList.add( newClassName )；
添加新的类名，如已经存在，取消添加

classList.contains( oldClassName );
确定元素中是否包含指定的类名，返回值为true 、false；

classList.remove( oldClassName )；
移除已经存在的类名;

classList.toggle( className )；
如果classList中存在给定的值，删除它，否则，添加它；

classList.replace( oldClassName，newClassName )；
类名替换

//删除类：select
div.classList.remove("select");

//添加类：select
div.classList.add("select");

//确定是否包含给定的类：select
div.classList.contains("select");

//切换类：select，存在删除，不存在，就添加;
div.classList.toggle("select");

//替换类：新类newSelect替换老类select;
div.classList.replace("select","newSelect");