>  기사  >  웹 프론트엔드  >  CSS 값을 숫자값으로 변환할 때 parsInt_javascript 기술을 사용하지 마세요.

CSS 값을 숫자값으로 변환할 때 parsInt_javascript 기술을 사용하지 마세요.

WBOY
WBOY원래의
2016-05-16 18:00:29999검색

예:

코드 복사 코드는 다음과 같습니다.


<script> <br>var elem = document.getElementById('demo'), <br>width = elem.style.width; <br>alert(parseInt(width));// 24 <br></script>

그러나 CSS 값이 다음과 같다면 어떻게 될까요?
코드 복사 코드는 다음과 같습니다.

< /div>
var elem = document.getElementById('demo'),
opacity = elem.style.opacity
alert(parseInt(opacity));// 0


parseInt()가 '.5'와 같은 값이라 하더라도, 이를 parseFloat()로 변경하면 오류가 발생하는 것은 당연합니다. 올바른 결과를 얻을 수 있습니다:
코드 복사 코드는 다음과 같습니다:

< div id="demo" style="opacity:0.5">