-
*선택자.classList.add('추가할 객체');
-> addClass처럼 class값을 추가 할 수 있다.
*선택자.classList.Name = '추가할 객체';
-> 마찬가지로 class값을 추가하지만 기존에 있던 class값을 삭제한다.
*선택자.classList.remove('삭제할 객체');
-> class를 삭제할 수 있음
*선택자.classList.toggle('추가 혹은 삭제할 객체');
-> class를 추가 혹은 삭제할 때 사용(추가되어있는 경우에는 삭제, 삭제되어있는 경우에는 추가)
-> add+remove를 동시사용 가능하다.
[블로그참고]
https://blog.naver.com/dpqmstnqlsdl/221910895991
자바스크립트 ClassList
반응형'코딩스터디 > Javascript' 카테고리의 다른 글
자바스크립트 오디오(audio) 객체 (0) 2021.06.30 자바스크립트 생성자함수, 프로토타입을 활용한 객체지향 프로그래밍 (0) 2021.06.23 자바스크립트 객체, 속성, 메서드, 프로토타입, 인스턴스 ,생성자 함수 뜻 (0) 2021.06.22 자바스크립트 입문) 배열, 객체 (0) 2021.06.21 new Date 사용해 현재 날짜, 연, 월, 시, 분, 초, 요일 확인 (0) 2021.06.15 댓글