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");
     
  • 相关阅读:
    HTML颜色表
    grid
    DOM和BO
    注册表
    js 正则表达式
    python学习之路(一)
    python学习之路(三)
    python学习之路(二)
    自己编写的泛型集合类(其实是照着微软的List写的)
    客户端回调服务端无刷新事件
  • 原文地址:https://www.cnblogs.com/pwindy/p/13038245.html
Copyright © 2011-2022 走看看