JavaScript实现Class增删获取判断操作!

来源：互联网发布：apachebench linux 编辑：程序博客网时间：2024/05/16 01:24

// JavaScript Document/*@添加Class@添加对象 obj;@添加类名 className;*/function addClass(obj,className){var oClass = obj.className.split(' ');if(oClass.length == 0){obj.className=className;return;};for(var i=0;i<oClass.length;i++){ if(oClass[i] == className) { return;  };};obj.className = obj.className+' '+className;};/*@删除类名@移除对象 obj;@元素类名 className;*/function removeClass(obj,className){var oClass = obj.className.split(' ');if(oClass.length == 0)return;for(var i=0;i<oClass.length;i++){if(oClass[i] == className){oClass.splice(i,1);obj.className = oClass.join(' ');return;};};};/*@根据类名获取元素@元素类型 obj;@元素类名 className;*/function getByClaas(className,obj){var oClass = obj || document;var Element = oClass.getElementsByTagName("*");var arr = [];for(var i=0;i<Element.length;i++){var els = Element[i].className.split(' ');for(var n=0;n<els.length;n++){if(els[n] == className){arr.push(Element[i]);};};};return arr;};/*@判断obj是否有className类名;@元素类型 obj;@元素类名 className;*/function isByClassName(obj,className){var oClass = obj.className.split(' ');if(oClass.length == 0)return;for(var i=0;i<oClass.length;i++){if(oClass[i] == className){return true;};};return false;};

0 0