css值轉換成數值請拋棄parseInt

如： 複製代碼 代碼如下:<div id="demo" style="width:24px"></div>
<script>
var elem = document.getElementById('demo'),
width = elem.style.width;
alert(parseInt(width));// 24
</script>

可是如果css值是這樣呢： 複製代碼 代碼如下:<div id="demo" style="opacity:0.5"></div>
<script>
var elem = document.getElementById('demo'),
opacity = elem.style.opacity;
alert(parseInt(opacity));// 0
</script>

以上顯然parseInt()會出錯，哪怕是'.5′這樣的值，如果換成parseFloat()將能得到正確的結果: 複製代碼 代碼如下:<div id="demo" style="opacity:0.5"></div>
<script>
var elem = document.getElementById('demo'),
opacity = elem.style.opacity;
alert(parseFloat(opacity));// 0.5

兩者有何區別？

parseInt() 返回一個整數
parseFloat() 返回一個浮點數

進一步瞭解parseInt 和 parseFloat