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