css值转换成数值请抛弃parseInt
摘要：如：复制代码代码如下:varelem=document.getElementById('demo'),width=elem.style.wi...
如：
复制代码 代码如下:
<div id="demo"></div>
<script>
var elem = document.getElementById('demo'),
width = elem.style.width;
alert(parseInt(width));// 24
</script>
可是如果css值是这样呢：
复制代码 代码如下:
<div id="demo"></div>
<script>
var elem = document.getElementById('demo'),
opacity = elem.style.opacity;
alert(parseInt(opacity));// 0
</script>
以上显然parseInt()会出错，哪怕是'.5′这样的值，如果换成parseFloat()将能得到正确的结果:
复制代码 代码如下:
<div id="demo"></div>
<script>
var elem = document.getElementById('demo'),
opacity = elem.style.opacity;
alert(parseFloat(opacity));// 0.5
两者有何区别？
parseInt() 返回一个整数
parseFloat() 返回一个浮点数
进一步了解parseInt 和 parseFloat
【css值转换成数值请抛弃parseInt】相关文章：
★ 简介JavaScript中Math.LOG10E属性的使用
★ JS中的THIS和WINDOW.EVENT.SRCELEMENT详解
上一篇：
更优雅的事件触发兼容