css值转换成数值请抛弃parseInt

3672Js.Com2019-03-09 02:55 来源:未知阅读:12134 关注度2

css值转换成数值请抛弃parseInt

如：

复制代码代码如下:

 
<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()将能得到正确的结果:

复制代码代码如下:

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

两者有何区别？

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

进一步了解parseInt 和 parseFloat

本站文章为3672js教程网友分享投稿，版权归原作者，欢迎任何形式的转载，但请务必注明出处。同时文章内容如有侵犯了您的权益，请联系我们处理。