css值轉(zhuǎn)換成數(shù)值請拋棄parseInt
更新時間：2011年10月24日 01:10:34 作者：
絕大多數(shù)人喜歡用parseInt()把css中的字符串值轉(zhuǎn)換成數(shù)值
如：
<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()將能得到正確的結(jié)果:
<div id="demo" style="opacity:0.5"></div>
<script>
var elem = document.getElementById('demo'),
opacity = elem.style.opacity;
alert(parseFloat(opacity));// 0.5
兩者有何區(qū)別？
parseInt() 返回一個整數(shù)
parseFloat() 返回一個浮點數(shù)
進一步了解parseInt 和 parseFloat
復制代碼 代碼如下:
<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()將能得到正確的結(jié)果:
復制代碼 代碼如下:
<div id="demo" style="opacity:0.5"></div>
<script>
var elem = document.getElementById('demo'),
opacity = elem.style.opacity;
alert(parseFloat(opacity));// 0.5
兩者有何區(qū)別？
parseInt() 返回一個整數(shù)
parseFloat() 返回一個浮點數(shù)
進一步了解parseInt 和 parseFloat
相關(guān)文章
JavaScript?CSS解析B站的彈幕可以不擋人物原理及技巧
這篇文章主要為大家介紹了JavaScript?CSS解析B站的彈幕可以不擋人物原理及技巧，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-01-01
其實有很多判斷的方法，大都是根據(jù)瀏覽器的特性來的，這里簡單的整理下，需要的朋友可以參考下。2010-05-05
這篇文章主要介紹了JavaScript 閉包機制詳解及實例代碼的相關(guān)資料,需要的朋友可以參考下2016-10-10
淺談JavaScript中小數(shù)和大整數(shù)的精度丟失
下面小編就為大家?guī)硪黄獪\談JavaScript中小數(shù)和大整數(shù)的精度丟失。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
詳解extract-text-webpack-plugin 的使用及安裝
這篇文章主要介紹了詳解extract-text-webpack-plugin 的使用及安裝，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-06-06
本篇文章主要是對javascript 回到頂部效果的實現(xiàn)代碼進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02
今天凌晨，微信負責人張小龍在微信朋友圈曬出了一組圖，網(wǎng)友看到紛紛“炸裂”，這到底是什么？是的，微信小程序如約上線，微信小程序怎么打開，微信小程序在哪里進入，請閱讀本文2017-01-01
下面小編就為大家?guī)硪黄猨s時間比較 js計算時間差的簡單實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
$符號在php中是表示變量的特征字符， 在js中它也有很多作用， 一般我們用來命名一個函數(shù)名稱，獲取id的2008-06-06
這篇文章主要介紹了JavaScript導航腳本判斷當前導航的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-07-07