js判斷樣式className同時增加class或刪除class

2024-05-06 14:19:45

字體：大中小

來源：轉載

供稿：網友

代碼如下:
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對select標簽的控制(option選項/select)

下一篇：js自定義事件及事件交互原理概述(二)