zoukankan      html  css  js  c++  java
  • 添加class 和 删除class

    直接用obj.className = "string"这个函数,可以直接改变对象的样式,但是如果该对象有多个class的时候,那么直接用就不适合了

    这样会把所有的class直接等于string,所以现在动手编写一个添加class和删除class的函数

    添加class:

        function addClass(obj,sClass){
            var reg = new RegExp("(\s|^)" + sClass+ "(\s|$)");
            if(!obj.className.match(reg)){
                obj.className += " " + sClass;
            };
        }

    原理是用正则去匹配当前对象的是否然后该class,如果没有的就加上,而不是改变

    删除class

        function removeClass(obj,sClass){
            var reg = new RegExp("(\s|^)" + sClass+ "(\s|$)");
            if(obj.className.match(reg)){ //判断是否有该class
                    obj.className = obj.className.replace(reg,"");
            }else{

              return "没有该class!"
          };

        };

    原理是用replace这个函数,用空的字符串去替换当前的class

    这样可以准确的移除要删除的class,而不会全删除了

  • 相关阅读:
    SpringCloudStream实例
    Gateway环境搭建,通过YML文件配置
    Hystrix图形化监控
    Hystrix服务降级
    SpringBootのRedis
    springboot之缓存
    springboot整合JPA
    留言板
    Python 京东口罩监控+抢购
    2019年 自我总结
  • 原文地址:https://www.cnblogs.com/fyima/p/3723665.html
Copyright © 2011-2022 走看看