js判断样式className同时增加class或删除class_Javascript教程-查字典教程网
js判断样式className同时增加class或删除class
js判断样式className同时增加class或删除class
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下: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|$)"))," ");

};

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类