原生js :removeClass和addClass

复制代码
 1 function removeClass(obj, aClass) {
 2     var re = new RegExp('\\b' + aClass + '\\b');
 3     if (obj.className != '') {
 4 
 5         if (re.test(obj.className)) {
 6             var arr = obj.className.split(' ');
 7             for (var i = 0; i < arr.length; i++) {
 8                 if (arr[0] == aClass && arr[arr.length - 1] == aClass) {
 9                     obj.className = '';
10                 } else if (arr[i] == aClass) {
11                     arr.splice(i, 1);
12                     obj.className = arr.join(' ');
13 
14                 }
15             }
16         } else {
17             return;
18         }
19     }
20     removeClass(obj, aClass);
21 }
removeClass
复制代码
复制代码
 1 addClass = function (obj, aClass) {
 2     var re = new RegExp('\\b' + aClass + '\\b');
 3 
 4     if (obj.className) {
 5         if (!re.test(obj.className)) {
 6             obj.className += ' ' + aClass;
 7         }
 8     } else {
 9         obj.className = aClass;
10     }
11     return this;
12 }
addClass
复制代码
复制代码
 1 function removeClass(obj, aClass) {
 2     var re = new RegExp('\\b' + aClass + '\\b');
 3     if (obj.className != '') {
 4         if (re.test(obj.className)) {
 5             var arr = obj.className.split(' ');
 6             for (var i = 0; i < arr.length; i++) {
 7                 if (arr[0] == aClass && arr[arr.length - 1] == aClass) {
 8                     obj.className = '';
 9                 } else if (arr[i] == aClass) {
10                     arr.splice(i, 1);
11                     obj.className = arr.join(' ');
12                 }
13             }
14         }
15     }
16 }
removeClass
复制代码

 

posted @   左转右转  阅读(1467)  评论(3编辑  收藏  举报
编辑推荐:
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异
· 三行代码完成国际化适配,妙~啊~
点击右上角即可分享
微信分享提示