js更改元素样式工具类

最新推荐文章于 2024-08-02 23:25:51 发布

易拉易拉罐

最新推荐文章于 2024-08-02 23:25:51 发布

阅读量128

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/wuxiao18/article/details/97639185

版权

js 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

            //定义一个函数，用来向元素中添加指定的class属性值
            /*
             * 参数：obj:要添加class属性的元素
             *      cn:要添加的class值
            
             * */
            function addClass(obj,cn){
                //检查obj中是否含有cn
                if(!hasClass(obj,cn)){
                    obj.className   += " "+cn;
                }
                
            };
            
             /*判断一个元素中是否含有指定的class属性值
              
              * 如果有返回ture；没有则返回false*/
            function hasClass(obj,cn){
                 //判断obj中有没有cn
                
                 //var reg=/\bb2\b/;//\b意思是单词边界
                
                 //创建动态正则表达式
                 var reg = new RegExp("\\b"+cn+"\\b");
                 return reg.test(obj.className);
            } ;
            //移除样式
            function removeClass(obj,cn){
                 var reg = new RegExp("\\b"+cn+"\\b");
                 obj.className=obj.className.replace(reg,"");
            };
            //切换一个类，如果元素中有该类则删除，没有则添加
            function toggClass(obj,cn){
                if(hasClass(obj,cn)){
                    removeClass(obj,cn);
                }else{
                    addClass(obj,cn);
                }
            };