ホームページ > ウェブフロントエンド > jsチュートリアル > jsカプセル化操作クラスの手順を詳しく解説

jsカプセル化操作クラスの手順を詳しく解説

php中世界最好的语言
リリース: 2018-04-16 09:40:53
オリジナル
2165 人が閲覧しました

今回は、jsカプセル化操作クラスの手順、jsカプセル化操作クラスの注意事項について詳しく説明します。以下は実際的なケースです。見てみましょう。

1. クラスを追加します

function addClass(ele,cName) {
 var arr = ele.className.split(' ').concat(cName.split(" "));
 for(var i=0;i<arr.length;i++){
  for(var k=arr.length-1;k>i;k--){
   (arr[k]==="")&&arr.splice(k,1);
   (arr[i]===arr[k])&&arr.splice(k,1);
  }
 }
 ele.className = arr.join(" ");
}
ログイン後にコピー

2. クラスの削除

function removeClass(ele,cName) {
 var arr1 = ele.className.split(' ');
 var arr2 = cName.split(" ");
 for(var i=0;i<arr2.length;i++)for(var j=arr1.length-1;j>=0;j--)(arr2[i]===arr1[j])&&arr1.splice(j,1)
 ele.className = arr1.join(" ")
}
ログイン後にコピー
この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

js はデジタル変更を実装します

js での apply と call の使用方法の詳細な説明 (コード付き)

以上がjsカプセル化操作クラスの手順を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート