zoukankan      html  css  js  c++  java
  • 原生javascript实现 hasClass addClass removeClass


    class OperationClass {
      hasClass(ele, cls){
        cls = cls || '';
        if (cls.replace(/s/g, '').length == 0) return false;
        return new RegExp(' ' + cls + ' ').test(' ' + ele.className + ' ');
      }

      addClass(ele, cls){
        if (!this.hasClass(ele, cls)) {
          ele.className = ele.className == '' ? cls : ele.className + ' ' + cls;
        }
      }

      removeClass(ele, cls){
        if (this.hasClass(ele, cls)) {
          let newClass = ' ' + ele.className.replace(/[ ]/g, '') + ' ';
          while (newClass.indexOf(' ' + cls + ' ') >= 0) {
            newClass = newClass.replace(' ' + cls + ' ', ' ');
          }
          ele.className = newClass.replace(/^s+|s+$/g, '');
        }
      }
    }

    var $ = new OperationClass();

    var x = $.removeClass(document.getElementsByClassName('div')[0], 'div');
  • 相关阅读:
    事务
    MySQL删除表的方式
    建立索引的原则
    对表设置引擎
    运算符
    数据库锁简介
    为什么对表设置主键
    php苹果原生apns推送接口
    华为推送
    php操作redis
  • 原文地址:https://www.cnblogs.com/chefweb/p/9299285.html
Copyright © 2011-2022 走看看