码迷,mamicode.com
首页 > Web开发 > 详细

浅析原生js模仿addclass和removeclass

时间:2018-06-28 13:46:12      阅读:209      评论:0      收藏:0      [点我收藏+]

标签:.class   name   return   添加   class   替换   elements   判断   ace   

 1 //判断有没有class
 2 hasClass(elements, cName) {
 3   return !!elements.className.match(new RegExp("(\\s|^)" + cName + "(\\s|$)")); // ( \\s|^ ) 判断前面是否有空格 (\\s | $ )判断后面是否有空格 两个感叹号为转换为布尔值 以方便做判断
 4 },
 5 //移除class
 6 removeClass(elements, cName) {
 7   if (this.hasClass(elements, cName)) {
 8     elements.className = elements.className.replace(new RegExp("(\\s|^)" + cName + "(\\s|$)"), " "); // replace方法是替换
 9   }
10 },
11 //添加class
12 addClass(elements, cName) {
13   if (!this.hasClass(elements, cName)) {
14     elements.className += " " + cName;
15   }
16 },

 

浅析原生js模仿addclass和removeclass

标签:.class   name   return   添加   class   替换   elements   判断   ace   

原文地址:https://www.cnblogs.com/mxyr/p/9238007.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!