zoukankan      html  css  js  c++  java
  • dom对象---增加class属性,去除class属性

    el为通过$ref获取到的dom对象
    // 增加class属性
    addClass(el, _class) {   let elClassArr
    = el.className.split(" ");// 把字符串转成数组格式   let classArr = _class.split(" "); // 把字符串转成数组格式   classArr.forEach(item => {     if (elClassArr.indexOf(item) === -1) {       // 避免奇怪的类型混入       elClassArr.push(String(item));     }   });   el.className = elClassArr.join(" ");// 把原数组拼接成字符串   return el;// 返回dom元素 },

    使用方法:this.addClass(el, "animated");
    
    
    el为通过$ref获取到的dom对象

    // 增加class属性
    removeClass(el, _class) {
      let elClassArr = el.className.split(" ");
      let classArr = _class.split(" ");
      classArr.forEach(item => {
        let index = elClassArr.indexOf(item);// 大于0的时候,为对象的索引值
        if (index > -1) {
          elClassArr.splice(index, 1);
        }
      });
      el.className = elClassArr.join(" ");
      return el;
    },
    使用方法:this.removeClass(el, "animated");
     
  • 相关阅读:
    AWK
    正则表达式
    BASH
    C# 常用控件的一些属性及方法
    C# FTP
    C# Delegate
    DLL/EXE查看工具Dumpbin
    VBA 破解Excel工作表保护密码
    VB6 IP地址+网卡地址+网卡类型
    编程之路┊由C#风潮想起的——给初学编程者的忠告 ZT
  • 原文地址:https://www.cnblogs.com/pwindy/p/13038245.html
Copyright © 2011-2022 走看看