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)文章
Locate a File Using a File Open Dialog Box
Locate a File Using a File Open Dialog Box...2007-06-06
看論壇里技術(shù)區(qū)沒(méi)有平均給分的功能，感覺(jué)散分很不方便，就寫(xiě)了一個(gè)：IE8,FF3.5下測(cè)試ok2009-11-11
詳解JavaScript中Proxy與Object.defineProperty的區(qū)別
Proxy和Object.defineProperty都是JavaScript中用于實(shí)現(xiàn)對(duì)象屬性攔截和代理的機(jī)制，但它們?cè)诠δ芎蛻?yīng)用方面有一些區(qū)別，本文通過(guò)代碼示例詳細(xì)介紹了二者的區(qū)別,感興趣的朋友可以參考下2023-06-06
Javascript document.referrer判斷訪客來(lái)源網(wǎng)址
用簡(jiǎn)單幾行的javascript，就可抓到使用的來(lái)源，以及作出一些防范的措施。2009-12-12
TypeScript?類型斷言的幾種實(shí)現(xiàn)
本文主要介紹了TypeScript?類型斷言的實(shí)現(xiàn)，有使用關(guān)鍵字as和標(biāo)簽<>兩種方式，具有一定的參考價(jià)值，感興趣的可以了解一下2024-01-01
JS公共小方法之判斷對(duì)象是否為domElement的實(shí)例
下面小編就為大家?guī)?lái)一篇JS公共小方法之判斷對(duì)象是否為domElement的實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-11-11
這篇文章主要介紹了判斷復(fù)選框是否被選中的兩種方法，經(jīng)測(cè)試還不錯(cuò)，大家可以學(xué)習(xí)下2014-06-06
這篇文章主要為大家詳細(xì)介紹了js圖片輪播手動(dòng)切換特效，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-01-01
javascript 可控式透明特效實(shí)現(xiàn)代碼
透明特效是script.aculo.us提到的特效中最簡(jiǎn)單的特效之一。既然是特效，必須涉及時(shí)間與空間的概念。時(shí)間我們可以用setTimeout與setInterval，個(gè)人比較喜歡setTimeout，雖然它每次調(diào)用都重復(fù)注冊(cè)，但可控性比較好。2010-01-01
JQuery是一個(gè)很明顯的自執(zhí)行閉包的例子，有需要的朋友可以參考一下2013-06-06