• 工具utils.js


    1. 去掉字符串前后空格

     function trim(string) {
             return (string || '').replace(/^[suFEFF]+|[suFEFF]+$/g, '');
            };
    

    2、类名,查找某个指定元素是否包含指定的className

     hasClass(el, cls) {
          if (!el || !cls) return fasle;
          if (cls.indexOf(" ") !== -1){
            // throw new Error("要查询的className不能包含空格!");
            return fasle
          }
            
          if (el.classList) {
            return el.classList.contains(cls);
          } else {
            return (el.className + "").indexOf("" + cls) > -1;
          }
        }
    
    

    3、增加一个或者多个类名

    function addClass(el, cls) {
      if (!el) return;
      var curClass = el.className;
      var classes = (cls || '').split(' ');
    
      for (var i = 0, j = classes.length; i < j; i++) {
        var clsName = classes[i];
        if (!clsName) continue;
    
        if (el.classList) {
          el.classList.add(clsName);
        } else if (!hasClass(el, clsName)) {
          curClass += ' ' + clsName;
        }
      }
      if (!el.classList) {
        el.className = curClass;
      }
    };
    

    用法

    addClass(wrapDom, 'dd ee') //添加多个类名
    

    4、移除类名

    1. 可以移除多个 removeClass(wrapDom, 'dd ee') //添加多个类名
    2. 调用了其他方法
    function removeClass(el, cls) {
      if (!el || !cls) return;
      var classes = cls.split(' ');
      var curClass = ' ' + el.className + ' ';
    
      for (var i = 0, j = classes.length; i < j; i++) {
        var clsName = classes[i];
        if (!clsName) continue;
    
        if (el.classList) {
          el.classList.remove(clsName);
        } else if (hasClass(el, clsName)) {
          curClass = curClass.replace(' ' + clsName + ' ', ' ');
        }
      }
      if (!el.classList) {
        el.className = trim(curClass);
      }
    };
    

    参考博客

    Element分析(工具篇)——Dom

  • 相关阅读:
    关于Linux 上建立生成/添加SSH公钥
    sql随机插入数据--记录
    centos 安装搜狗
    centos yum命令找不到包
    命令行改为图形界面
    CentOS7l联网
    .net mvc 框架实现后台管理系统 3
    .net mvc 框架实现后台管理系统 2
    .net mvc 框架实现后台管理系统
    爬取猫眼数据
  • 原文地址:https://www.cnblogs.com/wlhappy92/p/11844240.html
Copyright © 2020-2023  润新知