JavaScript에서 읽은 값 변환하기
getComputedStyles 함수는 CSS에 설정된 정확한 값을 가져오지 않습니다.
이 함수는 그 값을 절대값, 보통 픽셀로 변환합니다.
예제를 통해 살펴보겠습니다. 퍼센트로 너비가 설정되어 있다고 가정해 봅시다:
#elem {
width: 100%;
}
그러나 너비를 읽을 때는 퍼센트가 아닌 픽셀 단위의 값을 얻게 됩니다:
console.log(computedStyle.width); // px 단위 값
요소에 다음과 같은 스타일이 설정되어 있습니다:
#elem {
font-size: 2em;
}
버튼을 클릭하면 요소의 글꼴 크기를 출력하세요.
