手机
当前位置:查字典教程网 >编程开发 >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勾选指定name的复选框集合并显示的方法

Node.js实现JS文件合并小工具

JavaScript代码因逗号不规范导致IE不兼容的问题

采用CSS和JS,刚好我最近有个站点要用到下拉菜单!

jquery中添加属性和删除属性

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

js输入中文效果

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

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

javascript+HTML5自定义元素播放焦点图动画

精品推荐
分类导航