JavaScript style 속성의 단위

style 속성을 통해 CSS 속성 값을 지정할 때는 단위를 명시해야 합니다:

javascriptelem.style.width = '100px';

값을 읽어올 때도 단위가 포함된 상태로 가져옵니다:

javascriptlet width = elem.style.width;
console.log(width); // '100px'를 출력합니다;

필요한 경우 parseInt를 사용하여 단위를 제거할 수 있습니다:

javascriptlet width = elem.style.width;
console.log(parseInt(width)); // 100을 출력합니다

소수값이 예상되는 경우, parseFloat 함수를 사용할 수 있습니다:

javascriptlet width = elem.style.width;
console.log(parseFloat(width));

html<div id="elem" style="width: 300px; height: 200px;">
  text
</div>

html<div id="elem" style="font-size: 1.5em;">
  text
</div>