今回は、jsカプセル化操作クラスの手順、jsカプセル化操作クラスの注意事項について詳しく説明します。以下は実際的なケースです。見てみましょう。
1. クラスを追加します
1 2 3 4 5 6 7 8 9 10 | 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. クラスの削除
1 2 3 4 5 6 | 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 サイトの他の関連記事を参照してください。