JS 캡슐화 작업 클래스의 단계에 대한 자세한 설명

이번에는 jsencapsulation 연산class단계에 대한 자세한 설명을 가져왔는데, js encapsulation 연산 클래스의 주의사항은 무엇이며, 다음은 실제 사례이므로 살펴보겠습니다.

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. Deleteclass

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 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 자료:

JS는 디지털 변화를 구현합니다

JS에서 적용 및 호출 사용에 대한 자세한 설명(코드 포함)

위 내용은 JS 캡슐화 작업 클래스의 단계에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!