JS를 사용하여 jQuery의 addClass, RemoveClass 및 hasClass 기능 구현_javascript 기술

더 이상 헛소리하지 말고 바로 코드로 넘어가겠습니다

코드 복사 코드는 다음과 같습니다.

함수 addClass(obj, cls){
var obj_class = obj.className,//클래스 콘텐츠를 가져옵니다.
Blank = (obj_class != '') ? ' ' : '';//얻은 클래스가 비어 있는지 확인하고, 비어 있으면 앞에 '공백'을 추가합니다.
added = obj_class 공백 cls;//원래 클래스와 추가할 클래스를 결합합니다.
Obj.className = added;//원래 클래스를 교체합니다.
}

함수 제거클래스(obj, cls){
var obj_class = ' ' obj.className ' ';//클래스 내용을 가져오고 시작과 끝에 공백을 추가합니다. ex) 'abc bcd' -> obj_class = obj_class.replace(/(s )/gi, ' '),//추가 null 문자를 공백으로 바꿉니다. ex) ' abc bcd ' -> Removed = obj_class.replace(' ' cls ' ', ' ');//원래 클래스의 시작과 끝 부분을 공백으로 바꿉니다. ex) ' abc bcd ' -> 제거됨 = 제거됨.replace(/(^s )|(s $)/g, '');//앞뒤 공백을 제거합니다. ex) 'bcd' -> Obj.className = 제거됨;//원래 클래스를 교체합니다.
}

함수 hasClass(obj, cls){
var obj_class = obj.className,//클래스 콘텐츠를 가져옵니다.
Obj_class_lst = obj_class.split(/s /);//null 문자를 분할하여 cls를 배열로 변환합니다.
x = 0;
for(x in obj_class_lst) {
If(obj_class_lst[x] == cls) {//배열을 반복하여 cls가 포함되어 있는지 확인
             true를 반환합니다.
}
}
거짓을 반환합니다.
}