首頁 > web前端 > js教程 > css值转换成数值请抛弃parseInt_javascript技巧

css值转换成数值请抛弃parseInt_javascript技巧

WBOY
發布: 2016-05-16 18:00:29
原創
1015 人瀏覽過

如:

复制代码 代码如下:


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

可是如果css值是这样呢:
复制代码 代码如下:


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

以上显然parseInt()会出错,哪怕是'.5′这样的值,如果换成parseFloat()将能得到正确的结果:
复制代码 代码如下:


<script> <BR>var elem = document.getElementById('demo'), <BR>opacity = elem.style.opacity; <BR>alert(parseFloat(opacity));// 0.5 <BR></script>

两者有何区别?

parseInt() 返回一个整数
parseFloat() 返回一个浮点数

进一步了解parseIntparseFloat
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板