내가 보려고 만든 개발 공부 일지

JS 에서 css 변수값 접근 , 수정 본문

CSS

JS 에서 css 변수값 접근 , 수정

kwangsunny 2021. 7. 2. 00:54 
:root {
  --myColor : #ffffff;
  --myLength : 100px;
}

만약 위처럼 css 속성값을 전역으로 선언해놨을 때

javascript 에서 저 값에 접근하려면 아래처럼 

var cs = window.getComputedStyle(엘리먼트);
cs.getPropertyValue('--myColor');
document.documentElement.style.setProperty('--myColor', '#afafaf');

(document.documentElement == <html>)

이런 식으로 값을 가져오거나 수정해줄 수 있다.

'CSS' 카테고리의 다른 글

CSS - 애니메이션으로 로딩마크 만들기  (0) 2022.01.13
SCSS 와 Sass 의 차이 간단 요약  (0) 2021.07.16
css - 꽉찬 화면 만들고 활용하기  (0) 2021.07.03
CSS flex 속성 활용으로 레이아웃 배치  (0) 2021.07.02
'CSS' Related Articles more
Comments