
[JS] javascript를 통해 ClassName(클래스명) 추가/삭제/변경/확인
FrontEnd/JavaScript
2022. 5. 31. 12:21
핵심 1. 클래스명 추가 html요소.classList.add('추가할 클래스명'); 2. 클래스명 삭제 html요소.classList.remove('제거할 클래스명'); 3. 클래스명 변경 html요소.className = [변경할 클래스명]; // 기존 클래스명은 사라지니 주의! 4. 클래스명 확인 html요소.classList.contains([존재하는지 확인 할 클래스명]); // 반환값은 boolen 연습 보통 클래스명을 통해 css로 스타일을 주는 일이 많은데.. 버튼을 클릭했을 때 색상을 바꾸거나 폰트 굵기를 두껍게 하거나 하는 경우가 대표적이다. 제이쿼리의 .css함수나 event.target으로 스타일을 줘도 상관은 없지만 ( 링크 참조 ) 보통 스타일은 css파일에 정의해놓고 각 id나..