手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >js判断样式className同时增加class或删除class
js判断样式className同时增加class或删除class
摘要:复制代码代码如下:functionMyClass(){}MyClass.hasClassName=function(element,clas...

复制代码 代码如下:

function MyClass () {}

MyClass.hasClassName = function(element, className)

{

if (!element) return;

var elementClassName = element.className;

if (elementClassName.length == 0) return false;

//用正则表达式判断多个class之间是否存在真正的class(前后空格的处理)

if (elementClassName == className || elementClassName.match(new RegExp("(^|s)" + className + "(s|$)")))

return true;

return false;

};

MyClass.addClassName = function(element, className)

{

if (!element) return;

var elementClassName = element.className;

if (elementClassName.length == 0)

{

element.className = elementClassName;

return;

}

if (elementClassName == className || elementClassName.match(new RegExp("(^|s)" + className + "(s|$)")))

return;

element.className = elementClassName + " " + className;

};

MyClass.removeClassName = function(element, className)

{

if (!element) return;

var elementClassName = element.className;

if (elementClassName.length == 0) return;

if(elementClassName == className)

{

element.className = "";

return;

}

if (elementClassName.match(new RegExp("(^|s)" + className + "(s|$)")))

element.className = elementClassName.replace((new RegExp("(^|s)" + className + "(s|$)"))," ");

};

【js判断样式className同时增加class或删除class】相关文章:

jQuery 遍历函数详解

jquery任意位置浮动固定层插件用法实例

AngularJS学习笔记之ng-options指令

jquery中添加属性和删除属性

如何取得中文输入的真实长度?

EasyUI闪屏EasyUI页面加载提示(原理+代码+效果图)

你一定会收藏的Nodejs代码片段

HTML TO JavaScript 转换

javascript动态设置样式style实例分析

js输入中文效果

精品推荐
分类导航