首頁 > web前端 > js教程 > js判斷樣式className同時增加class或刪除class_javascript技巧

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

WBOY
發布: 2016-05-16 17:42:38
原創
1432 人瀏覽過
複製程式碼 程式碼如下:

function MyClass () {}
MyClass.hasClassName = MyClass.hasClassName =MyClass.hasClassName. element, className)
{
if (!element) return;
var elementClassName = element.className;
if (elementClassName.length == 0) return false;
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 (ClassName;
return;
}
if (ClassName;
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 == 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| $)"))," "); };
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板