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");
     
  • 相关阅读:
    【webpack系列】从零搭建 webpack4+react 脚手架(一)
    js常见的面试题
    java中读取资源文件的方法
    java servlet的域对象
    java 静态资源访问详解
    java servlet简述
    mysql免解压版的配置
    java网络编程
    java单例设计模式
    java多线程及线程安全详解
  • 原文地址:https://www.cnblogs.com/pwindy/p/13038245.html
Copyright © 2011-2022 走看看