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

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

WBOY
풀어 주다: 2016-05-16 18:00:29
원래의
1027명이 탐색했습니다.

예:

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


<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">

인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿