ホームページ  >  記事  >  ウェブフロントエンド  >  jsはaddClass、removeClass、hasClass_javascriptスキルの関数コードを実装します

jsはaddClass、removeClass、hasClass_javascriptスキルの関数コードを実装します

WBOY
WBOYオリジナル
2016-05-16 18:04:321289ブラウズ
复制代码代码如下:

function hasClass(ele,cls) {
return ele.className .match(new RegExp('(\s|^)' cls '(\s|$)'));
}

function addClass(ele,cls) {
if (!this.hasClass(ele,cls)) ele.className = " " cls;
}

function RemoveClass(ele,cls) {
if (hasClass(ele,cls)) {
var reg = new RegExp('(\s|^)' cls ' (\s|$)');
ele.className=ele.className.replace(reg,' ');
}
}

//関数を呼び出します
addClass(document.getElementById("test"), "test");
removeClass(document.getElementById("test"), "test")
if(hasClass(document.getElementById("test"), "test")){//do something};
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。