码迷,mamicode.com
首页 > 其他好文 > 详细

操作类名 classList

时间:2020-11-30 16:06:35      阅读:6      评论:0      收藏:0      [点我收藏+]

标签:sele   rgba   返回值   pre   move   替换   dcl   切换   添加   

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");

 

操作类名 classList

标签:sele   rgba   返回值   pre   move   替换   dcl   切换   添加   

原文地址:https://www.cnblogs.com/caijinghong/p/14037393.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!