좌충우돌 개발자의 길

[JS] DOM & EVENT #4 CSS style, class 제어 본문

STUDYING/Javascript

[JS] DOM & EVENT #4 CSS style, class 제어

sustronaut 2022. 5. 21. 14:31

1. CSS style

2. class 제어

  • className 으로 제어하기

  • classList 로 제어하기 (여러개 class 넣을 수 있음)
    • .classList.add : 클래스 추가
    • .classList.remove : 클래스 제거
    • .calssKist.replayce(a,b) : a를 b로 바꿈

  • .classList.toggle() : 클래스가 있으면 빼고 없으면 넣는 기능 

1초마다 색상이 바뀌게 설정

 

 

출처 : 코딩앙마

'STUDYING > Javascript' 카테고리의 다른 글

[JS] DOM & EVENT #6 이벤트 버블링, 이벤트 위임  (0) 2022.05.23
[JS] DOM & EVENT #5 이벤트 핸들러(Event Handler)  (0) 2022.05.22
[JS] DOM & EVENT #3 노드 생성, 추가, 복제, 삭제  (0) 2022.05.20
[JS] DOM & EVENT #2 부모, 자식, 형제 노드  (0) 2022.05.19
[JS] DOM & EVENT #1 노드에 접근하기  (0) 2022.05.17
'STUDYING/Javascript' Related Articles more