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");
 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM