(Javascript) classList 정의 및 사용법

by


클래스 목록이란 무엇입니까?

Javascript의 클래스 목록~이다 요소~에서 읽기 전용 속성으로 CSS 클래스~에서 오늘 값 return classList를 통해 요소에 CSS 클래스를 추가하거나 제거할 수 있습니다.

적용 예시

'추천 관련글, 
const classes = element.classList;

classList 클래스 추가, 삭제

요소~에서 수업 목록에 하나 이상적인 CSS 클래스붓다 에 추가 클래스 목록~에서 에 추가() 방법 remove() 메서드를 사용하여 삭제합니다.

적용 예시

let div = document.querySelector('#content');
div.classList.add('info');

let div = document.querySelector('#content');
div.classList.remove('visible');

토글 classList 클래스()

Toggle()을 사용하면 CSS 토글 기능을 토글처럼 사용할 수 있습니다.

let div = document.querySelector('#content');

div.addEventListner("click", function(){
	div.classList.add('info');;
});