css值转换成数值请抛弃parseInt

复制代码 代码如下:


<div></div>
<script>
var elem = document.getElementById('demo'),
width = elem.style.width;
alert(parseInt(width));// 24
</script>


可是如果css值是这样呢:

复制代码 代码如下:


<div></div>
<script>
var elem = document.getElementById('demo'),
opacity = elem.style.opacity;
alert(parseInt(opacity));// 0
</script>


以上显然parseInt()会出错,哪怕是'.5′这样的值,如果换成parseFloat()将能得到正确的结果:

复制代码 代码如下:


<div></div>
<script>
var elem = document.getElementById('demo'),
opacity = elem.style.opacity;
alert(parseFloat(opacity));// 0.5


两者有何区别?

parseInt() 返回一个整数
parseFloat() 返回一个浮点数

进一步了解parseIntparseFloat

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wdjxzz.html