js判断样式className同时增加class或删除class

复制代码 代码如下:
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中设置元素class的三种方法小结
• 用原生JS获取CLASS对象(很简单实用)
• js获取class的所有元素
• JavaScript更改class和id的方法
• js实现class样式的修改、添加及删除的方法
• 原生js实现addClass,removeClass,hasClass方法
• js获取某元素的class里面的css属性值代码
• javaScript给元素添加多个class的简单实现
• vue.js入门教程之绑定class和style样式
• 深入理解JavaScript和TypeScript中的class