목록getComputedStyle (1)

< Code diaries />

Javascript 로 CSS 변수 값 조절하기

Javascript에서 CSS 변수 다루는 방법을 한번 알아봅시다~  먼저, CSS 변수선언은 아래와 같이 보통 :root에 선언합니다.하위 선택자들이 모두 사용할 수 있도록 하기위함입니다.   1. CSS 내에 변수 선언하기, CSS에서 사용하기// 변수선언:root { --primary : tomato; } // 변수의 값을 사용할때에는 var() css메소드 사용 .wrap { color:var(--primary) }   2. Javascript에서 CSS의 변수값을 가져오기const docs = document.documentElement; const value = getComputedStyle(docs).getPropertyValue('--primary') console.log(value..
Javascript-DOM/03 - CSS 다루기 2024. 6. 7. 11:57
이전 Prev 1 Next 다음