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");
     
  • 相关阅读:
    C++计算器项目的初始部分
    视频教程自学计划
    1001.A+B Format (20)解题描述
    成为理想的自己
    Sample Join Analysis
    Sample MultipleFileWordcount CombineFileInputFormat
    FileOutputFormat
    Combine small files to Sequence file
    FileInputFormat
    Sample: Write And Read data from HDFS with java API
  • 原文地址:https://www.cnblogs.com/pwindy/p/13038245.html
Copyright © 2011-2022 走看看