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,而不会全删除了

  • 相关阅读:
    Jenkins动态部署方案
    01-Java学习笔记
    Tcp实现简单的大小写转换功能
    JavaScript 执行环境 与 变量对象
    JQuery
    JavaScript模板引擎
    ECMA6
    谷歌控制台
    prototype 与 __proto__
    JavaScript Math
  • 原文地址:https://www.cnblogs.com/fyima/p/3723665.html
Copyright © 2011-2022 走看看